我给一个按钮绑定单击事件，弹出个模态框，这模态框是组件形式的，里面是表单，
遇见问题就是：第二次打开时里面数据还是上次的 这你们怎么处理的？
比如添加按钮，每次添加，表单里数据都需要是空的
模态框里有提交 和关闭 按钮 这两个点击时我可以清空，但是就要写到两个地方啊 我想在一打开时就清空
vue弹出的模态框中的表单还存在上次的数据怎么办？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
5条回答 默认 最新
- 盼儿哥 2019-08-07 15:25关注
感谢 妖王令剑 的建议，不过我已经找到方法了，
因为每次点击添加都是给modalVisible赋新的对象，所以在子组件中监听 modalVisible的变化就行了本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 2举报 分享
- 2022-03-17 15:45回答 3 已采纳 这路径不对吧 。不能使用 绝对路径。需要把css放到项目里 然后 相对路径引入./assetss/css/style.css
- 2021-12-27 14:02回答 5 已采纳 直接watch里监听就是了 watch: { 'xxx.xxx'(){ } }
- 2023-01-16 15:30回答 3 已采纳 例如，res.result.records是个数组对象，其中有一个属性collect为1代表已收藏，为0代表未收藏，则第五行代码可以修改为 this.scdata=res.result.r
- 2024-06-24 19:422401_85122799的博客 [外链图片转存中…(img-DXTsiFc7-1719229343049)][外链图片转存中…(img-mQyHy5M8-1719229343050)][外链图片转存中…(img-2843u1p8-1719229343051)][外链图片转存中…(img-MkKICqd5-1719229343051)]
- 2021-10-10 15:33回答 1 已采纳 5、Vue3 props - 简书 案例 父组件：index.vue 子组件 child1.vue
- 2022-01-07 15:53回答 4 已采纳 具体点,前端咋穿的,后端咋接的 中间过没过网关之类的 上代码
- 2022-11-09 19:31回答 1 已采纳 看报错像是v-for遍历没有加 :key 导致的性能问题的警告
- 2020-10-16 20:43在使用Vue结合Element UI进行前端开发时，模态框（Modal）是一个非常常见的交互元素，它用于向用户提供额外的信息或者进行额外的...这些知识点不仅适用于特定项目，还可以广泛应用于其他需要模态框操作的Vue项目中。
- 2021-07-19 22:45回答 4 已采纳 继2021-07-21 13:04写的解答，这次已经解决了这个小问题。在回忆一下问题本身，第一次新增之后第二次新增会有红色提示，之前使用this.$refs['addForm'].clearValid
- 2022-01-18 15:57回答 7 已采纳 你这里值能继承上面的数据吗？像el-table需要加一个插槽
- 2021-06-08 16:21回答 3 已采纳 看上去还可以吧 没有那么复杂, 你现在是卡在什么位置了, 无法从数据查询三个ID开头的数据么? 你可以考虑一下 where id like '1001%' or id like '1003%'
- 2020-10-16 18:07本文介绍的就是如何使用Vue.js实现各类弹出框组件。 首先，弹出框组件（Dialog）是用户界面中用于信息显示、提示、警告或交互的一种常用组件。在Vue.js中，Dialog组件可以通过组件封装的方式实现，封装使得在多个...
- 2020-12-20 03:35weixin_39586265的博客 1-封装模态框组件Mydialog (样式可以自己写)>{{modal.cancelButtonText}}{{modal.confirmButtonText}}export default {props: {visible: { type: Boolean, default: false },options: {type: Object,default: {}}...
- 2021-11-17 15:49奔跑的代码！的博客 vue element ui From表单校验 关闭模态框 重新打开 重置表单解决标红校验 仅供参考 自我记录. 解决方案① 在关闭模态框是 调用this.$refs.ruleForm.resetFields()重置表单 collectPigeonConfigClose(){ this....
- 2019-08-11 03:31Vue弹出层插件就是专门为此设计的工具，它们使得在Vue项目中实现这些功能变得更加简单。 标题提到的"vue弹出层插件"可能是指`vue-layer-mobile`，这是一个专为移动端设计的Vue弹出层插件，它包含了丰富的浮层控件，...
- 没有解决我的问题, 去提问
