zoukankan      html  css  js  c++  java
  • vue + elementui表单重置 resetFields问题(无法重置表单)

    问题:
    
        elementui在重置表单时,无法使用this.$refs['formRefVal'].resetFields()清空表单数据;
        elementui 设置rules后没有效果
    
    解决方法:
    
        1、表单加ref属性
    
    <el-form ref="refname"></el-form>
    
        2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定数据的最后名称一致,prop属性添加到form-item上)
    
    <el-form-item prop="name">
        <el-input v-model="query.name"></el-input>
    </el-form-item>
    
        3、绑定点击事件中传入refname
    
    <el-form-item>
        <el-button @click="resetForm('refname')">清空</el-button>
    </el-form-item>
    
        4、注册事件
    
    restForm(refname) {
       this.$refs[refname].resetFields()
    }
    
    + 5、检查是否有初始值
    在data数据上需要挂载表单数据初始值为''
    
        如果使用了$store.state.fm.plan管理关联表单数据,那么在form中需要添加:model="$store.state.fm"。
    
  • 相关阅读:
    autolayout--约束的优先级
    CV
    iOS及Mac开源项目和学习资料(超级全面)
    终端中命令总结
    git使用方法笔记
    Shell命令
    git-在控制台下向gitHub中的repository中上传一个文件
    iOS
    iOS -雪花动画
    copy语法
  • 原文地址:https://www.cnblogs.com/ggsddu/p/12297980.html
Copyright © 2011-2022 走看看