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,就是判断这个数组里面有没有这个字段名。