实际应用中可能需要根据data中的值对el-input赋予某些特定的背景颜色。
试了下直接对el-input设置background-color,但是不太对,使用以下代码是对的。
其中会根据form中的两个值对比,如果不相等则将el-input命名class1,否则为空,然后class1设置背景色,注意其实是el-input__inner的颜色才会生效。
<el-form-item label="label1" prop="prop1" required>
<el-input :class="(form.ggg!== form.lll) ? 'class1' : ''" v-model="form.ggg"/>
</el-form-item>
.class1 .el-input__inner {
background-color: #f28482 !important;
}