Vue动态改变列表搜索出关键词的字体颜色

这里需求是将keyword的文字内容更改颜色，突显出来

 brightKeyword(val) {let keyword = this.$route.params.keyWord?this.$route.params.keyWord:'';keyword = keyword.trim();if (keyword && keyword.length > 0) {if (keyword == val) {return '<span style="color: #007cbb;">' + val + "</span>";}keyword = keyword.replaceAll(" ", "|");let reg = new RegExp(keyword, "ig");return val.replace(reg, (match) => {return '<span style="color: #007cbb;">' + match + "</span>";});}},

Vue动态改变列表搜索出关键词的字体颜色相关推荐

vue改变html的背景,vue动态改变背景图片demo分享
如下所示: #bag{ width: 200px; height: 500px; margin: 0 auto; background: url(img/piao11.jpg) center no-r ...
改变Android的hello world程序字体颜色和背景颜色
1.使用Color类的常量,如: int color = Color.BLUE; // 创建一个蓝色是使用Android提供的颜色 2.通过ARGB构建,如: int color = Color.a ...
vue动态改变主题颜色
新建.scss后缀公用文件,放在assets或者其他地方都可以 /*需要切换的颜色变量*/ $color-primary1:#1776E1; /* 更换的颜色 */ $color-primary2:# ...
android+自定义键盘之汉字,android自定义键盘（解决弹出提示的字体颜色问题）
最近准备要做一个项目,需要用到自定义小键盘来确保安全,而且还需要精确获得用户点击键盘时的落点位置.力度.指尖接触屏幕的面积等参数. 在写自定义键盘的时候,用到了国内网上的一些代码,出处是向先人致敬! ...
router vue 动态改变url_2020年 vue常见面试问题总结(干货)！
1.什么是mvvm模式,谈谈你的理解? MVVM - Model View ViewModel,数据,视图,视图模型 view 可以通过事件绑定的方式影响 model, model 可以通过数据 ...
router vue 动态改变url_Vue教程(路由router-基本使用)
本文开始我们来给大家介绍在Vue中非常重要的一个内容,就是路由Router 什么是路由后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源: 前端路由:对于 ...
vue 动态改变主题颜色
实现效果一.应用方法 1.css3伪类选择器 2.CSSStyleDeclaration.setProperty() 方法接口为一个声明了 CSS 样式的对象设置一个新的值 . 语法 style ...
【Vue实践】列表搜索框中模糊搜索功能的两种实现方式
文章目录 1.Demo演示 2.HTML结构 3.实现 3.1 基于计算属性`computed`实现 3.2 基于侦听器`watch`实现 1.Demo演示模糊搜索功能是日常开发中常见的一种功能,这 ...
router vue 动态改变url_vue动态路由
什么叫动态路由呢?顾名思义就是程序员眼中的硬编码与非硬编码的区别. 还是拿之前的静态路由来做对比 import Vue from 'vue' import Router from 'vue-route ...

Vue动态改变列表搜索出关键词的字体颜色

Vue动态改变列表搜索出关键词的字体颜色相关推荐

最新文章

热门文章