zoukankan      html  css  js  c++  java
  • element-ui表单重置函数 resetFields 无效解决

    由element-ui文档中能看到重置表单使用的是如下函数

    this.$refs[formName].resetFields();
    但是有时使用它却可能会失效

    解决:
    form-item中要加上prop属性,它的值要与input的model对应

    <el-form-item prop="roleDesc" label="描述">
      <el-input v-model="addForm.roleDesc"></el-input>
    </el-form-item>
    

    所以prop属性不仅是在校验表单时要使用,在重置表单时也要加上

    注:重置的方法只适用于prop中有属性的对象

    data(){
      return {
        tag:{
    	  tagName:'',
    	  tagDesc:''
    	},
        tagTwo:''
      }
    }
    // 表单中若是重置tag是可以的,因为它有属性且对应prop
    // 使用函数为tagTwo赋值tag类型的对象
    // 重置tagTwo不能,它本身没有属性,赋值的对象上才有属性
    
  • 相关阅读:
    Codeforces-754D Fedor and coupons
    LightOJ
    LightOJ
    LightOJ
    LightOJ
    POJ
    HDU
    HDU
    HDU-2159
    方法的重写
  • 原文地址:https://www.cnblogs.com/flytree/p/14541413.html
Copyright © 2011-2022 走看看