elementUI中修改el-input样式

elementUI中修改el-input样式

动态修改样式

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

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

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

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

3. 写样式

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