使用v-if判断条件赋值文字并给文字添加颜色

<template>

<div class="textResults" v-if="copyRating == '文案质量偏低'" style="color: #91C7AE">{{copyRating}}</div>
<div class="textResults" v-else-if="copyRating == '文案质量一般'" style="color: #63869E">{{copyRating}}</div>
<div class="textResults" v-else-if="copyRating == '文案质量良好'" style="color: #63869E">{{copyRating}}</div>
<div class="textResults" v-else-if="copyRating == '文案质量极佳'" style="color: #C23531">{{copyRating}}</div>

</template>

export default {
  data() {
    return {
       copyRating:"",
       formData: [{
       name:"通过率",
       value: 25, //通过率
       }],
    }

    },  

  methods: {

this.formData.forEach(item=>{//循环formData数组获取里面的数据，判断渲染文字
  if(item.value>0 && item.value<=20){
    this.copyRating = "文案质量偏低"
  }else if(item.value>20 && item.value<=50){
    this.copyRating = "文案质量一般"
  }else if(item.value>50 && item.value<=80){
    this.copyRating = "文案质量良好"
  }else if(item.value>80 && item.value<=100){
    this.copyRating = "文案质量极佳"
  }
 })

  }

}