首先点击添加和编辑都是用的同一弹框内容，所以内容部分用了v-if判断是否显示，这样就会导致一个问题，就是如果你先点击了编辑，把编辑拿到的值赋予了事先定义好的对象，这样点击取消再去使用resetFields()清空表单已填内容你会发现，内容还是存在，因为resetFields()这个方法只是将表单数据初始化，所以之前绑定的值是什么就是什么，并不会清空全部数据。
解决方法在点击编辑的时候赋予对象值得时候给个定时器,或者使用$nextTick，这样就可以解决上面所遇到得问题。
首先点击添加和编辑都是用的同一弹框内容，所以内容部分用了v-if判断是否显示，这样就会导致一个问题，就是如果你先点击了编辑，把编辑拿到的值赋予了事先定义好的对象，这样点击取消再去使用resetFields()清空表单已填内容你会发现，内容还是存在，因为resetFields()这个方法只是将表单数据初始化，所以之前绑定的值是什么就是什么，并不会清空全部数据。
解决方法在点击编辑的时候赋予对象值得时候给个定时器,或者使用$nextTick，这样就可以解决上面所遇到得问题。
首先点击添加和编辑都是用的同一弹框内容，所以内容部分用了v-if判断是否显示，这样就会导致一个问题，就是如果你先点...
iview 中 form中有个清空表单的方法，即假如给表单一个ref='form', 则清空表单的方法为this....
前言： 在日常使用vue开发WEB项目中，经常会有提交表单的需求。我们可以使用 iview 或者 element ...
记录一下个人在使用 VS Code 中的一些插件和设置。 该配置在编写 vue + iview 项目时使用...
整体概述： 项目前端使用vue+iview搭建（前端开发自定义了一些组件，表格，表单，搜索框），项目后端采用spr...
最近在用iView配合Vue挖坑，在做到表单的控件的时候，发现使用iView的日期选择器（Date-Picker）...
问题： 使用this.$ref['form'] .resetFields()无法重置表单项 原因： 1.没有给表单...
项目使用,本项目使用vite与vue vue3.0项目Vite + JSCesium初学,做记录 序言 Cesiu...
在vue+iview项目中，使用了Eslint做代码风格检查，但是在使用iview组件标签时,eslint总是会报...
在Vue项目中目前使用频率较高的UI组件库有ElementUI和iView，而我们当前这个项目选择了iView作为...
本文标题：8.记录Vue项目记录使用iview表单resetFields(
本文链接：https://www.haomeiwen.com/subject/ntsxsktx.html
网友评论