不支持

vue3 搜索关键字变颜色

复制代码
let inputNews = ref('')
let element = ref('')
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('');
            console.log(res)
            contentText[j].title = res
            console.log(contentText)
        }

    }
}
复制代码

 

posted @   骑上我的小摩托  阅读(163)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示