vue3 搜索关键字变颜色

发布时间 2024-01-02 15:51:51作者: 骑上我的小摩托
let inputNews = ref('')
let element = ref('')
// contentText 传入数组
const seachNews = (contentText) => {
  // 循环数组
    for (let j = 0; j < contentText.length; j++) {
        element = contentText[j];
        // 修改数组中的标题
        let res = element.title
        if (inputNews.value == '') {
            return res;
        } else {
            let wordsArray = res.split('');
            for (var i = 0; i < wordsArray.length; i++) {
                if (inputNews.value.includes(wordsArray[i])) {
                    wordsArray[i] = "<span style='color: red;'>" + wordsArray[i] + '</span>';
                }
            }
            res = wordsArray.join('');
            contentText[j].title = res;
            console.log(contentText)
        }

    }
}