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

最新推荐文章于 2022-05-12 21:10:54 发布

_DaRuiShen

最新推荐文章于 2022-05-12 21:10:54 发布

阅读量834

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48562810/article/details/106678407

版权

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