【记录】关于 element-ui 中 Cascader 级联选择器的一个小坑

在今天写练习的时候,出现了一个很有趣的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';
    },
  }
}

你可能感兴趣的:(【记录】关于 element-ui 中 Cascader 级联选择器的一个小坑)