盼儿哥 2019-08-06 14:19 采纳率: 60%
浏览 5148
已采纳

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

图片说明
图片说明

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

  • 写回答

5条回答 默认 最新

  • 盼儿哥 2019-08-07 15:25
    关注

    感谢 妖王令剑 的建议，不过我已经找到方法了，
    图片说明
    因为每次点击添加都是给modalVisible赋新的对象，所以在子组件中监听 modalVisible的变化就行了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

  • vue中实现模态框弹出框动画（旋转弹出）
    2024-06-24 19:42
    2401_85122799的博客 [外链图片转存中…(img-DXTsiFc7-1719229343049)][外链图片转存中…(img-mQyHy5M8-1719229343050)][外链图片转存中…(img-2843u1p8-1719229343051)][外链图片转存中…(img-MkKICqd5-1719229343051)]
  • vue+element模态框中新增模态框和删除功能
    2020-10-16 20:43
    在使用Vue结合Element UI进行前端开发时，模态框（Modal）是一个非常常见的交互元素，它用于向用户提供额外的信息或者进行额外的...这些知识点不仅适用于特定项目，还可以广泛应用于其他需要模态框操作的Vue项目中。
  • 使用vue实现各类弹出框组件
    2020-10-16 18:07
    本文介绍的就是如何使用Vue.js实现各类弹出框组件。 首先，弹出框组件（Dialog）是用户界面中用于信息显示、提示、警告或交互的一种常用组件。在Vue.js中，Dialog组件可以通过组件封装的方式实现，封装使得在多个...
  • 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: {}}...
  • vue element ui From表单校验 关闭模态框 重新打开 还存在标红校验
    2021-11-17 15:49
    奔跑的代码！的博客 vue element ui From表单校验 关闭模态框 重新打开 重置表单解决标红校验 仅供参考 自我记录. 解决方案① 在关闭模态框是 调用this.$refs.ruleForm.resetFields()重置表单 collectPigeonConfigClose(){ this....
  • vue弹出层插件包含toastloadingdialog等浮层控件
    2019-08-11 03:31
    Vue弹出层插件就是专门为此设计的工具，它们使得在Vue项目中实现这些功能变得更加简单。 标题提到的"vue弹出层插件"可能是指`vue-layer-mobile`，这是一个专为移动端设计的Vue弹出层插件，它包含了丰富的浮层控件，...
  • Vue伸缩自如模态弹出式组件
    2019-08-12 02:37
    "Vue伸缩自如模态弹出式组件"是一个专为Vue.js设计的模态对话框组件，它允许开发者轻松地在应用程序中添加可扩展、灵活的模态窗口。 模态弹出式组件通常用于显示重要的信息、用户确认操作或者进行复杂的表单输入。...
  • 鼠标点击按钮弹出层可以写from表单登陆框弹出层
    2019-11-10 18:37
    弹出层的设计可以是模态（阻断用户对其他页面元素的交互）或非模态（允许用户在弹出层存在时继续与页面互动）。 "from表单"（应为"form表单"）是HTML中的一个重要组成部分，用于收集用户输入的数据。一个登录表单...
  • Vue3弹出框推荐
    2022-05-04 16:04
    DY编程怪兽的博客 插件简介 基于VUE开发的模态框插件，支持常见的表单快速提交和图片预览等功能，简化代码，无侵入性 安装 npm install slash-layer yarn add slash-layer 开发指南 文档 示例 图片查看器效果 表单工具
  • Vue3 优雅的模态框封装方案
    2022-06-21 12:24
    Mr_maoEr的博客 Mr Mao’blog - gitee.io/mao-blogVue3 优雅的模态框封装方法 - 初探Vue3 优雅的模态框封装方法 - 实践Vue3 优雅的模态框封装方法 - 定制上次说到利用虚拟节点和瞬移组件制作模态框组件，并支持 template 中调用和 ...
  • 没有解决我的问题, 去提问