利用class动态绑定实现 在需要动态改变的输入框外边套一层div,在div上绑定class样式 以下实现输入框未输入值时,输入框边框变红 <div :class="{inputRed: !inputValue}"> <el-input v-model="inputValue" placeholder="请输入内容"></el-input> </div> css样式 .inputRed .el-input__inner{ border:red 1px solid ; }