vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2
vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script><div id="app"><div v-html="disposeRadioList('社会事业局已审批,社区联勤站未审批')"></div>
</div><script>const { createApp } = VuecreateApp({data() {return {// message: '社会事业局已审批,社区联勤站未审批',}},methods: {disposeRadioList(message) {let arr = []let messages = message.split(',')messages.forEach((e,index) => {if (e.indexOf('已审批') != -1) {e = e.replace(e, `<font color='green'>${e}</font>`)} else if (e.indexOf('未审批') != -1) {e = e.replace(e, `<font color='red'>${e}</font>`)}arr[index] = e// return e})console.log(arr.toString());return arr.reduce((pre, cur) => pre +","+ cur)},},computed: {},}).mount('#app')
</script>
v-html 使用即可
vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2相关推荐
- vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色
搜索农业 农业颜色变为蓝色 代码 v-html="item.title" <el-form-item label=""><el-radio-g ...
- 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官网下载中心下载相关的包,完成安装 重点关注前四个文件,安装第一个文件,在第二个 ...
最新文章
- NetDevOps — 华为设备命令汇总
- Cube 技术解读 | 详解「支付宝」全新的卡片技术栈
- 你可能过于高估了机器学习算法能力,带你解读鲜为人知的数据泄露问题
- MySQL 的日语认证有了,中文呢?
- (五)Linux之设备驱动模型
- sql 2000 无法连接远程数据库 sqlserver不存在或访问被拒绝、不能打开到主机的连接,在端口1433:连接失败等 解决方案
- Centos6 import tensorflow遇到的问题
- 《剑指offer》面试题41/42——和为s的两个数字VS和为s的连续正数序列(C++代码实现)
- 判断浏览器是否为微信内置浏览器
- java教师考勤系统,javaweb课堂考勤管理系统
- 简历上如何描述项目经验
- 计算机网络——大数据、物联网
- Excel做文件归档
- 告警关联中的频繁项集挖掘问题
- elasticsearch nested嵌套查询
- 深度学习论文阅读目标检测篇(一):R-CNN《Rich feature hierarchies for accurate object detection and semantic...》
- mp4文件播放不了怎么办?
- Photoshop实用技巧教程
- 世界上最神奇的数字是142857
- 【资源分享】少女爱上姐姐汉化版游戏下载,附图文攻略