Vue项目根据关键词，渲染文案内容含有关键词添加css样式颜色

 

 <template>

<div class="screeningResults" v-for="item in keywords">{
 { item }}</div>

<div class="articleContent" v-html="textRendering(copyContent)">{
 {copyContent}}</div>

</template>
<script>

 export default {

   data() {

        return{

          keywords:["送" ,"直" ,"价", "立享"],

          copyContent:"【案例】【华台】纯粮酱香酒,酱香浓郁，回味悠长，纯粮酿造，送礼自饮都合适！立享酒厂直销价，点击公众号软文链接。"

     }

  },

  methods:{    

//文案关键字添加颜色
textRendering(copyContent){
  // 如果标题中包含，关键字就替换一下
    let addColor = this.keywords.map(