vuex+element-ui的模态框取消能关闭而关闭不能关闭

最新推荐文章于 2024-05-10 10:04:51 发布
最新推荐文章于 2024-05-10 10:04:51 发布
阅读量1.4k 收藏
点赞数
分类专栏： bug 报错
原文链接：https://segmentfault.com/q/1010000010358438
版权

在使用vuex和element-ui的时候，我发现即使我把element-ui模态框的关闭和取消按钮绑定同样的事件，都使用突变去修改dialogFormVisible的值去控制打开和关闭时，取消能正常使用，而关闭键不能使用，并报下方的错误：计算属性“ dialogFormVisible”已分配给它，但没有设置器。

在这里插入图片描述

后面我查询了其他博客后发现在vue实例的计算属性中只有一个函数时默认为是getter方法，而可能是element-ui内部修改了dialogFormVisible的值，所以要在计算属性内部添加一个setter方法设置dialogFormVisible去关闭模态框

在这里插入图片描述

weixin_44501440
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iview 点击确定 modal模态框不关闭
Liu_liu57的博客
04-16 4114
iview modal关闭问题 自动关闭、异步关闭、定时关闭 <template> <div> <Button type="primary" @click="modal1 = true">显示对话框</Button> <Modal v-model="modal1" ...
element-ui中dialog弹窗关闭按钮失效的解决
10-14
主要介绍了element-ui中dialog弹窗关闭按钮失效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element关闭模态框清空表单验证
yoko0831的博客
01-04 546
1.点模态框右上角X关闭，不要用close或before-close属性，因为没办法传参，用@close事件 2.如果报错’resetFields’ of undefined，加一步判断： if (this.$refs[formRule] !== undefined) { this.$refs[formRule].resetFields(); } 代码整理： //点右上角的X @close="closeModel('modelForm')" //点自定义的按钮 <el-button
element ui的无法关掉的提示弹框
最新发布
qq_43235503的博客
05-10 371
element ui的无法关掉的提示弹框
bootstrap点击按钮关闭模态框
Hai-Yang-code的博客
04-18 9031
bootstrap点击按钮关闭模态框 只要给按钮加上 data-dissmiss=“modal” 就会在点击后关闭模态框
Element-ui 对话框el-dialog点击关闭事件处理
热门推荐
卡洛背心的博客
10-10 2万+
默认关闭的处理 使用:visible.sync="dialogVisible"进行处理 <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-button @c
基于vue2.0 +vuex+ element-ui后台管理系统.rar
02-20
在"基于vue2.0 +vuex+ element-ui后台管理系统"中，我们将会探讨如何利用这些技术构建一个功能完备的后台管理系统。 Vue 2.0 的核心特性包括： 1. **虚拟DOM**：Vue 2.0 使用虚拟DOM来提高页面渲染速度，通过比较...
基于vue3+element-plus的一个物资后台管理系统源码.zip
06-15
3. **Element Plus组件**：Element Plus 提供了一系列开箱即用的UI组件，如表格（Table）、按钮（Button）、输入框（Input）、模态框（Modal）、通知（Notification）等，这些组件在物资管理系统的界面构建中非常...
vue+element 模态框表格形式的可编辑表单实现
10-16
在Vue.js框架中，Element UI库提供了一套丰富的UI组件，其中包括模态框（Modal）和表格（Table），这些组件可以方便地构建出各种交互式的用户界面。在本例中，我们将探讨如何利用Vue和Element UI来实现一个模态框内...
考试类精品--在线考试系统（学生端）Vue.js2.5 + vue-router + Element UI + vu.zip
02-06
Element UI则是一个基于Vue.js的组件库，提供了一系列开箱即用的UI组件，如表格、按钮、模态框等，旨在简化前端界面设计工作，提升开发效率。 项目中提到的"vu"可能是指Vuex，它是Vue.js的状态管理工具，用于集中...
基于Vue3 + Element Plus 的后台管理系统解决方案.zip
06-07
Element Plus 则是 Element UI 的升级版，为 Vue3 提供了一套完整的组件库，包含各种常见的UI元素，如表格、按钮、模态框等，使得快速搭建用户界面变得轻而易举。 Vue3 的主要改进包括： 1. **Composition API**：...
antd vue关闭模态对话框_Material DesignDialogs 对话框
weixin_42538470的博客
12-29 856
点击上方蓝字，+关注行设视觉对话框是我们在使用产品的时候经常会遇到的反馈机制，通过这篇文章希望朋友们能了解到更多噢~对话框对话框通知用户任务，可以包含关键信息、需要决策或涉及多个任务。用法对话框是出现在应用程序内容前面的一种模式窗口，用于提供关键信息或要求做出决定。对话框在出现时禁用所有应用功能，并保留在屏幕上，直到确认、取消或执行必要的操作为止。对话是故意中断的，所以应该谨慎使用它们。...
ElementUi中实现点击Dialog对话框不关闭效果
weixin_46178852的博客
12-12 1199
最近用到了Elementui 中的dialog的组件，当出现对话框的时候我点击遮罩层就把对话框已经关闭了，而需要实现的效果是点击遮罩层对话框不允许关闭的。最终的解决方案是需要在main.js中加入如下代码即可： //配置dialog组件点击遮罩层不关闭 Element.Dialog.props.closeOnClickModal.default = false; ...
关于dialog（模态框关闭隐藏销毁）
qq_42227041的博客
08-23 6471
在vue中，dialog模态框从第一次点击出来后再关闭的话，其属性其实只是display：none，还在dom结构中，这样的话有的时候需要点击不同的按钮想呼出不一样的模态框的话，就很容易出现数据错误 解决办法： 给dialog模态框加 v-if，在关闭的时候v-if会直接将其从DOM结构中抹除，这样再打开下一个的时候就会出现不一样的模态框了...
vuex - modal的实现 =>从入门到放弃（一）
Zhooson的博客
07-18 4292
vuex
Dialog、Drawer 点击浏览器回退、前进，遮罩层不消失问题
qq_44130459的博客
11-02 1692
Vue 项目中使用 element-ui, Dialog、Drawer 组件使用时，点击浏览器回退、前进，遮罩层不消失。在 main.js 引入Element 时，给组件添加默认属性。
解决ElementUI表单中下拉框的值在关闭对话框时v-model绑定的值会被清空的情况
1
06-05 596
在关闭对话框的时候手动将form.role的值保存到一个变量中,下次打开对话框时将这个变量的值赋给form.role即可。// 打开对话框时将保存的值赋给下拉框。// 关闭对话框时保存下拉框的值。// 保存下拉框的值。
【bug】关于Vue封装el-dialog对话框关闭无反应问题
花椒和蕊的博客
11-19 4301
封装dialog弹窗
element ui 自动关闭弹框
tyjlearning的博客
04-08 7520
1.弹框 this.$alert('企业解散成功，您即将退出系统！<br/>', '', { showClose:false, showCancelButton:false, showConfirmButton:false, closeOnPressEscape:false, closeOnHashChange:false, cent...
前端vue毕设项目【易购商城】vue + vuex + vue-router + element ui + axios + vu
08-25
在该项目中，我使用了Vue、Vuex、Vue Router、Element UI、Axios等技术和库来实现各种功能。 首先，Vue是一种流行的前端框架，它具有响应式的数据绑定和组件化的特性，使得开发者可以轻松构建交互性强、高效的单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值