问题:el-input 里自带了一个属性clearable,可以清楚输入框内容。但是有的时候清除无效,
解决如下
1.clear删除无效,可以绑定clear事件解决,@clear="handleClear";
<el-form :label-position="labelPosition" label-width="100px" :model="form">
<el-form-item label="查询" class="item">
<el-input v-model="form.search" placeholder="请输入查询条件" clearable @clear="handleClear"></el-input>
</el-form-item>
</el-form>
data(){
return{
form:{
search:''
},
}
},
method:{
handleClear(){
this.form.search=''
}
}