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://m.huajiangbk.com/newsview659537.html
| 上一篇: 镜花水月安卓下载 |
下一篇: 巧影超级美字共存版下载安装包 |
