vue弹出的模态框中的表单还存在上次的数据怎么办？

图片说明

我给一个按钮绑定单击事件，弹出个模态框，这模态框是组件形式的，里面是表单，
遇见问题就是：第二次打开时里面数据还是上次的这你们怎么处理的？
比如添加按钮，每次添加，表单里数据都需要是空的
模态框里有提交和关闭按钮这两个点击时我可以清空，但是就要写到两个地方啊我想在一打开时就清空

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
盼儿哥 2019-08-07 15:25
关注
感谢妖王令剑的建议，不过我已经找到方法了，

因为每次点击添加都是给modalVisible赋新的对象，所以在子组件中监听 modalVisible的变化就行了

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决
无用 2
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(4条)

报告相同问题？

关注问题

vue弹出的模态框中的表单还存在上次的数据怎么办？ ajax javascript json node.js vue.js
2019-08-06 14:19

回答 5 已采纳感谢妖王令剑的建议，不过我已经找到方法了， ![图片说明](https://img-ask.csdn.net/upload/201908/07/1565162667_344884.png)
前端vue-cli框架中引入外部css文件报错问题 vue.js 前端前端框架有问必答
2022-03-17 15:45

回答 3 已采纳这路径不对吧。不能使用绝对路径。需要把css放到项目里然后相对路径引入./assetss/css/style.css
vue如何监听表单某一项的变化？ javascript vue.js 前端
2021-12-27 14:02

回答 5 已采纳直接watch里监听就是了 watch: { 'xxx.xxx'(){ } }
vue中使用模态框传参_vue移动端模态框（可传参）
2020-12-20 03:35

weixin_39586265的博客 1-封装模态框组件Mydialog (样式可以自己写)>{{modal.cancelButtonText}}{{modal.confirmButtonText}}export default {props: {visible: { type: Boolean, default: false },options: {type: Object,default: {}}...
vue3怎么获取props中父组件传递过来的数据？ javascript vue.js 前端
2021-10-10 15:33

回答 1 已采纳 5、Vue3 props - 简书案例父组件：index.vue 子组件 child1.vue
请问springboot框架 +vue 后端取不到前端传的值怎么办？ java 前端后端
2022-01-07 15:53

回答 4 已采纳具体点,前端咋穿的,后端咋接的中间过没过网关之类的上代码
请问 vue3 原生表单点编辑按钮表单打开，input中输入内容时全是警告是什么原因，新增时候好着呢？ typescript vue.js 前端框架
2022-11-09 19:31

回答 1 已采纳看报错像是v-for遍历没有加 :key 导致的性能问题的警告
vue element ui From表单校验关闭模态框 重新打开还存在标红校验
2021-11-17 15:49

奔跑的代码！的博客 vue element ui From表单校验关闭模态框 重新打开重置表单解决标红校验仅供参考自我记录. 解决方案① 在关闭模态框是调用this.$refs.ruleForm.resetFields()重置表单 collectPigeonConfigClose(){ this....
Vue新增表单数据增加了数据校验之后再次添加数据重置仍存在原始数据问题 elementui html5 vue.js
2021-07-19 22:45

回答 4 已采纳继2021-07-21 13:04写的解答，这次已经解决了这个小问题。在回忆一下问题本身，第一次新增之后第二次新增会有红色提示，之前使用this.$refs['addForm'].clearValid
前端vue过滤数据问题 vue.js 前端前端框架
2023-01-16 15:30

回答 3 已采纳例如，res.result.records是个数组对象，其中有一个属性collect为1代表已收藏，为0代表未收藏，则第五行代码可以修改为 this.scdata=res.result.r
vue中双层list的数据怎么展示？ vue.js
2022-01-18 15:57

回答 7 已采纳你这里值能继承上面的数据吗？像el-table需要加一个插槽
vue弹出层插件包含toastloadingdialog等浮层控件
2019-08-11 03:31

Vue弹出层插件就是专门为此设计的工具，它们使得在Vue项目中实现这些功能变得更加简单。标题提到的"vue弹出层插件"可能是指`vue-layer-mobile`，这是一个专为移动端设计的Vue弹出层插件，它包含了丰富的浮层控件，...
后端给的数据没有配置路由，vue前端怎么给菜单动态生成路由？ vue.js 前端
2022-03-21 17:37

回答 1 已采纳你循环这个数组。拼成 vue-router可以识别的格式然后 addRoutes 。如果是侧边栏那你就动态生成侧边栏利用v-for
Vue伸缩自如模态弹出式组件
2019-08-12 02:37

"Vue伸缩自如模态弹出式组件"是一个专为Vue.js设计的模态对话框组件，它允许开发者轻松地在应用程序中添加可扩展、灵活的模态窗口。模态弹出式组件通常用于显示重要的信息、用户确认操作或者进行复杂的表单输入。...
鼠标点击按钮弹出层可以写from表单登陆框弹出层
2019-11-10 18:37

弹出层的设计可以是模态（阻断用户对其他页面元素的交互）或非模态（允许用户在弹出层存在时继续与页面互动）。 "from表单"（应为"form表单"）是HTML中的一个重要组成部分，用于收集用户输入的数据。一个登录表单...
没有解决我的问题, 去提问

悬赏问题

¥15 metadata提取的PDF元数据，如何转换为一个Excel
¥15 关于arduino编程toCharArray()函数的使用
¥100 vc++混合CEF采用CLR方式编译报错
¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
¥50 如何openEuler 22.03上安装配置drbd
¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
¥15 Windows11, backspace, enter, space键失灵

vue弹出的模态框中的表单还存在上次的数据怎么办？

5条回答 默认 最新

悬赏问题

5条回答默认最新