elementUI中修改el-input样式

动态修改样式

在el-input 标签中添加:class 并绑定计算属性

<el-input clearable v-model="form.shopNickName" :class="blackShopClass" placeholder="店铺名称" ></el-input>

在computed()方法中写入 计算属性

blackShopClass(){return this.blackShopExist?'black-shop-input':'';}

写样式

<style scoped>/*设置el-input*/.black-shop-input >>>input{border-color: #F56C6C;}</style>