【기록】element-ui에서 Cascade r급 선택기에 대한 작은 구덩이

4509 단어
오늘 연습할 때 재미있는 버그가 생겼어요. 적어서 필기를 해요.
레벨 선택기에서 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';
    },
  }
}

좋은 웹페이지 즐겨찾기