在今天写练习的时候,出现了一个很有趣的bug,写下来做个笔记
级联选择器里面,如果不写 v-model的话不能重置,但是如果只是写上了v-mode也无法重置,还需要在清空的方法里面重新赋值一遍才行,就算赋的值和原来的值一模一样也能重置
<el-form-item label="所在地区" prop="options">
<el-cascader v-model="value"
placeholder="试试搜索:北京"
:options="ruleForm.options"
filterable clearable>
</el-cascader>
</el-form-item>
import options from '@/assets/dates/country-data.js'
export default {
name: 'regist',
data () {
return {
active: 0,
value: 'options',
ruleForm: {
email:'',
nikename:'',
password:'',
checkpass:'',
sex:'男',
options,
},
}
},
methods:{
resetFrom(){
this.$refs.ruleForm.resetFields();
this.value = 'options';
},
}
}