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>
1234567
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
},
},
1234567891011
- v-for=“item in disposeRadioList” v-html 使用即可