vue 网页文字中带#的话题颜色高亮

网页中显示文字时，带#开始和结束的文字蓝色高亮，就像微博话题一样
效果如下

html

<span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量，这里只是个演示

js

parseComments (value) {

var exp

exp = /(#|＃)((?!#).)*(#|＃)/g // 这里中文#和英文#都会识别

value = value.replace(/<[^>]*?>(.*?)/gi, '').replace(/(.*?)</[^>]*?>/gi, '').replace(exp, (item) => {

let newVal = '<span class="text-blue">' + item + '</span>'

return newVal

})

return value

}

相关知识

vue如何实现物流跟踪
优质网页界面设计作品，带给你满满的灵感！
满屋花网页代码
vue如何阻塞周期执行
LED高亮郁金香花海 仿真花景光照明 LED灯光展亮化工程 中山景光照明
网页排版设计：提升用户体验的艺术
vue
vue根目录下的index.html中的id=“app”与src目录下的App.vue中的id=“app”为什么不会冲突
基于Vue的花店管理系统
普通人的网页配色方案

原文链接: vue 网页文字中带#的话题颜色高亮 https://www.huajiangbk.com/newsview659537.html