后台管理-label实时变更改变颜色

html: 

html:
<FormItem label="活动名称" 
          :class="{'stycolor': LayoutChangeRedArr.includes('activityName')}"
          prop="activityName">
      <Input v-model="formValidate.activityName" 
        placeholder="活动名称" 
        @on-change="activityChangeRed(formValidate.activityName, 'activityName')"
        :disabled=(formValidate.readonly || formValidate.reviseDisabled)" />
</FormItem>

js:

actyvityChangeRed (val, name) {
    if (!this.LayoutChangeRedArr.includes(name)) {
        this.LayoutChangeRedArr.push(name)
    }
}

通过change事件，记录改变的字段名放入同一个数组里面。在label的样式里面添加一个class，就是判断这个数组里面有没有这个字段名。