resetQuery(){//手动清空this.queryParams.appCemeteryId='';this.resetForm("queryForm");this.handleQuery();} 这样就好了,测试了功能也正常。
1、修改完之后可能需要强刷浏览器 2、如果el-form实在el-dialog里面,记得使用 this.$nextTick(()=>{ this.$refs[formName].resetFields() })
</el-form> 3.还有一个经常出现这种问题的场景是,当使用vuex的时候,新建表单与编辑表单复用,此时上述属性跟方法都添加了也无法达到清除表单的效果。 此时我们再重新看一下element-ui的官方文档 重点:resetField()方法不是将表单重置为空,而是重置为初始值 所以当我们打开新建表单的时候,表单项绑定的属性值为空,在...
表单Form form表单 使用ajax方法实现form表单的提交 vue.js form提交 asp form表单 html表单form Form表单验证 form表单判断 Form表单值 美化form表单 提交Form表单 form表单校验 form表单插件 form表单美化 form表单提交 页面内容是否对你有帮助? 有帮助
console出来console.log(this.$refs['addServiceForm'].resetFields());居然是undefined。 title="新建服务" :visible.sync="addServiceDialogVisible" width="400px"> 名称 简称 确定 取消 cancleAddService(){ this.resetForm('addServiceForm'); //this.serviceName=''; //this.serviceShorterName=''; //...
// 重置表单项属性 resetForm () { return { remark: ‘‘, name: ‘‘ } } // 提交表单成功后重新给属性赋值 submit () { //...调用成功 let self = this let query = self.resetForm() self.updateForm({ //此方法是自定义的vuex的action方法,大家可根据实际应用场景定义重置表单方法 form: quer...
首先:contact-form 是form的id属性值 方法一:调用reset()方法 document.getElementById("contact-form")[0].reset(); 1. 注意:网上说用document.getElementById("myform").reset();可以重置的,实际上并不能清空表单内容,因为用document.getElementById()或者document.getElementByClassName()得到的是数组。原因...
</el-form-item> <el-form-item prop="age"> <el-input v-model="query.age"></el-input> </el-form-item> data(){ return { query: { age: '', name: "" } } } mtehods:{ reset(){ this.$refs['form'].resetFields() }
resetQuery() {this.resetForm("queryForm");this.handleQuery(); }, 其中调用了请求查询数据的方法 handleQuery() {this.queryParams.pageNum =1;this.getList(); }, 然后会调用js中查询数据的方法 getList() {this.loading =true; debugger console.log(this.queryParams) ...
-- searchForm 为搜索框上面 ref 绑定的属性,resetForm 要在methods里面定义--><el-button @click="resetForm('searchForm')">重置</el-button></el-form-item></el-form><!-- 搜索框结束 --><!-- 列表页面:data绑定渲染的数据,data 里我们定义的上listborder 表格边框,表头最上面的那个边框height ...