vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色
- 搜索农业 农业颜色变为蓝色
- 代码 v-html=“item.title”
<el-form-item label=""><el-radio-group v-model="form.secondRadioID"><el-row v-for="item in disposeRadioList" :key="item.value"><el-radio :label="item.code"><span v-html="item.title"></span></el-radio></el-row></el-radio-group></el-form-item>
- 计算属性中对原有的数据进行更改为html的
computed:{disposeRadioList() {let tworadioList = JSON.parse(JSON.stringify(this.radioList))tworadioList.forEach(e=>{e.title = e.title.replace(/-/g, ' / ') // 吧- 替换为 /e.title = e.title.replace(this.value, `<font color='#409eff'>${this.value}</font>`)return e // 吧对应的关键字 替换为 `<font color='#409eff'>${this.value}</font>`}) return tworadioList},},
- v-for=“item in disposeRadioList” v-html 使用即可
有更好的希望下面回复 谢谢
可以的大家点点关注-总结不易谢谢大家-也可以留言需要哪类的我也可以尝试
vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色相关推荐
- vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2
vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2 <script src="https://unpkg.com/vue@3/dist/vue.global.js&qu ...
- Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能 需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...
- Vue项目中tinymce富文本的安装以及配置
Vue项目中tinymce富文本的安装以及配置 对于目前网上存在的许多富文本插件中,个人还是觉得tinymce相对比较强大一些.在使用配置的过程中,可能会出现配置不完全,导致使用不了的情况,下面把我个 ...
- vue项目中配置标题栏title的图标和文字
一.普通 HTML 页面,配置图标和文字 <head><title>标题栏文字</title><link rel="icon" href= ...
- fabricJs 在vue项目中的实战记录(四)添加文字以及文字的操作[字体大小、颜色、字间距、行间距、透明度、加粗、斜体、下划线、删除线、对齐方式、字体设置]
在阅读以下文章的基础上查看本篇笔记: 第一篇:fabricJs 在vue项目中的实战记录(一)引入以及初始化 第二篇:fabricJs 在vue项目中的实战记录(二)fabricjs设置海报背景(图片 ...
- vue项目中遇到的一些问题
或访问:https://github.com/littleHiuman/experiences-about-vue 欢迎补充! vuex 状态 vue-cli 命令行 vue vue vue-rou ...
- canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
- vue项目中开启Eslint碰到的一些问题及其规范
eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到 1.'layer' is defined but never used 这是定义了一个变量但是未使用到该变量 ...
- vue项目中如何利用lodop控件实现多页打印
针对windows环境下的vue项目中如何利用lodop控件实现打印的功能,不支持mac环境 下载安装 首先去lodop官网下载中心下载相关的包,完成安装 重点关注前四个文件,安装第一个文件,在第二个 ...
最新文章
- java中怎样存储遍历的数据_【数据算法】Java实现二叉树存储以及遍历
- 写给 Android 应用工程师的 Binder 原理剖析
- Keras之DNN:基于Keras(sigmoid+binary_crossentropy+predict_proba)利用DNN实现分类预测概率——DIY二分类数据集预测新数据点
- python 多进程 multiprocessing 进程池 pool apply_async()函数与apply()函数的用法
- Django中重定向页面的时候使用命名空间
- 项目手札2---关于分页显示时地址栏的风格
- 我的AI之路 —— 从裸机搭建GPU版本的深度学习环境
- 活久见,自己创造的框架竟然比开源的好用
- 一、数据类型和运算符——3-数据类型
- crop和resize操作区别
- 直播盒子APP源码AlijuheCMS™开发手册之接口文档 for Android
- 将超星图书转成PDF文档
- smartsvn 破解
- GPUImage详细解析- 实时美颜滤镜
- Facade外观模式
- ARM NEON - RGB转灰度的实现 (DSP Factory学习总结)
- 数据结构与算法——树和二叉树***
- 微盟程序员删库跑路,被判刑六年!
- 2017百度实习生招聘编程题
- VirtualApp中静默安装App
热门文章
- solid works定义样条曲线
- 计算机组成原理实训重要吗,计算机组成原理实训_报告.doc
- python matplotlib jupyter中绘图使用宋体
- 如何通过电影学英语 English through Movies
- 如何在网页标题前添加图标
- 寄居蟹与海葵是一对合作互助的共栖伙伴。海葵是寄居蟹最称职的门卫。它用有毒的触角去蜇那些敢来靠近它们的所有动物,保护寄居蟹。 而寄居蟹则背着行动困难的海葵,四出觅食,有福同享。但并不是所有寄居蟹和海
- 红与蓝:现代Webshell检测引擎免杀对抗与实践
- 构建器builder模式 + lombok @Builder的介绍及使用
- android ue设计原则,ued设计原则
- 关于已移除sd卡,手机不认卡的原因和解决办法(转)