• 搜索农业 农业颜色变为蓝色
  • 代码 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项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色相关推荐

  1. vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2

    vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2 <script src="https://unpkg.com/vue@3/dist/vue.global.js&qu ...

  2. Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能

    Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能 需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...

  3. Vue项目中tinymce富文本的安装以及配置

    Vue项目中tinymce富文本的安装以及配置 对于目前网上存在的许多富文本插件中,个人还是觉得tinymce相对比较强大一些.在使用配置的过程中,可能会出现配置不完全,导致使用不了的情况,下面把我个 ...

  4. vue项目中配置标题栏title的图标和文字

    一.普通 HTML 页面,配置图标和文字 <head><title>标题栏文字</title><link rel="icon" href= ...

  5. fabricJs 在vue项目中的实战记录(四)添加文字以及文字的操作[字体大小、颜色、字间距、行间距、透明度、加粗、斜体、下划线、删除线、对齐方式、字体设置]

    在阅读以下文章的基础上查看本篇笔记: 第一篇:fabricJs 在vue项目中的实战记录(一)引入以及初始化 第二篇:fabricJs 在vue项目中的实战记录(二)fabricjs设置海报背景(图片 ...

  6. vue项目中遇到的一些问题

    或访问:https://github.com/littleHiuman/experiences-about-vue  欢迎补充! vuex 状态 vue-cli 命令行 vue vue vue-rou ...

  7. canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传

    使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...

  8. vue项目中开启Eslint碰到的一些问题及其规范

    eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到 1.'layer' is defined but never used   这是定义了一个变量但是未使用到该变量 ...

  9. vue项目中如何利用lodop控件实现多页打印

    针对windows环境下的vue项目中如何利用lodop控件实现打印的功能,不支持mac环境 下载安装 首先去lodop官网下载中心下载相关的包,完成安装 重点关注前四个文件,安装第一个文件,在第二个 ...

最新文章

  1. java中怎样存储遍历的数据_【数据算法】Java实现二叉树存储以及遍历
  2. 写给 Android 应用工程师的 Binder 原理剖析
  3. Keras之DNN:基于Keras(sigmoid+binary_crossentropy+predict_proba)利用DNN实现分类预测概率——DIY二分类数据集预测新数据点
  4. python 多进程 multiprocessing 进程池 pool apply_async()函数与apply()函数的用法
  5. Django中重定向页面的时候使用命名空间
  6. 项目手札2---关于分页显示时地址栏的风格
  7. 我的AI之路 —— 从裸机搭建GPU版本的深度学习环境
  8. 活久见,自己创造的框架竟然比开源的好用
  9. 一、数据类型和运算符——3-数据类型
  10. crop和resize操作区别
  11. 直播盒子APP源码AlijuheCMS™开发手册之接口文档 for Android
  12. 将超星图书转成PDF文档
  13. smartsvn 破解
  14. GPUImage详细解析- 实时美颜滤镜
  15. Facade外观模式
  16. ARM NEON - RGB转灰度的实现 (DSP Factory学习总结)
  17. 数据结构与算法——树和二叉树***
  18. 微盟程序员删库跑路,被判刑六年!
  19. 2017百度实习生招聘编程题
  20. VirtualApp中静默安装App

热门文章

  1. solid works定义样条曲线
  2. 计算机组成原理实训重要吗,计算机组成原理实训_报告.doc
  3. python matplotlib jupyter中绘图使用宋体
  4. 如何通过电影学英语 English through Movies
  5. 如何在网页标题前添加图标
  6. 寄居蟹与海葵是一对合作互助的共栖伙伴。海葵是寄居蟹最称职的门卫。它用有毒的触角去蜇那些敢来靠近它们的所有动物,保护寄居蟹。 而寄居蟹则背着行动困难的海葵,四出觅食,有福同享。但并不是所有寄居蟹和海
  7. 红与蓝:现代Webshell检测引擎免杀对抗与实践
  8. 构建器builder模式 + lombok @Builder的介绍及使用
  9. android ue设计原则,ued设计原则
  10. 关于已移除sd卡,手机不认卡的原因和解决办法(转)