做的增删改查功能，新增按钮绑定了@click事件，点击新增按钮可以弹出对话框。
复制一份对话框代码把el-dialog标签里的:visible.sync改成dialogvisible2之后绑定到修改按钮上点击修改按钮就没有反应了。
如果运行tomcat打开页面直接点击新增可以弹出新增页面框，要是先点击修改就没有反应，再点击新增按钮就会弹出修改页面而且还关不掉，这是为什么😢
element-ui的dialog对话框绑定了单击事件但是点击没有反应。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
wang_gz3158 2023-07-03 11:13关注定义的data，是否是dialogvisible2：false
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 分享
- 2021-04-19 14:46回答 2 已采纳 应该是第一次还没加载完就打开dialog需要加个定时器延时https://blog.csdn.net/lijiabinbbg/article/details/93186814 还有就是nextTick
- 2023-01-30 14:12回答 4 已采纳 https://element.eleme.cn/#/zh-CN/component/drawer 。先把文档的东西都看一遍
- 2019-10-10 11:49回答 2 已采纳 .el-dialog__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0
- 2020-10-14 18:15在使用element-ui的el-dialog组件时，有时可能会遇到关闭按钮失效的问题。这个问题可能是由于多种原因导致的，比如数据绑定或者事件监听设置不当等。在element-ui中，Dialog组件的使用是相对直观的，但有时在复杂的...
- 2021-09-11 11:15回答 2 已采纳 经过实验发现,原因居然是要prop和表单里面的字段相同,也就是要有三个相同的地方,prop,表单字段,rule字段
- 2021-09-18 09:53回答 4 已采纳 把不同的表单做成子组件吧，例如 Form1.vue(假设name 是form1), Form2.vue(假设name 是form2), Form3.vue(假设name 是form3),然后再封装一层
- 2021-07-17 15:33回答 3 已采纳 什么白色的拖尾，没看出什么异常，你指的是右边的白色边框吗？
- 2020-10-17 19:37在这种方法中，当用户点击编辑按钮后，会通过JavaScript触发一个模态框（例如Element UI的`<el-dialog>`组件）来展示一个新的表格界面，用于编辑操作。这个新的表格可以包含更多的输入控件，如日期选择器、多选框、...
- 2021-03-10 11:31回答 1 已采纳 是z-index大小问题 其中autocomplete的z-index是2003，而dialog的z-index是2006，所以建议将dialog的z-index改小。 重写他的css .el-d
- 2021-08-16 23:14回答 2 已采纳 对表头右侧的空白th元素设置下背景色就好 th.gutter{ background-color: #00f !important; /*填充上未被填充的右侧表头空白*/ } 如有帮助，望采纳
- 2021-11-07 14:20回答 1 已采纳 正常来说你的数据应该是v-for循环获取，给一个标签绑定点击事件，就能拿到每次点击时不同的item值，这个数据变量形式放在el-dialog中直接引用
- 2022-08-17 10:23一位女士的猫的博客 实现给按钮绑定一个单击事件，实现点击按钮就弹出一个dialog对话框，在对话框中可输入数据进行提交，在点击取消时对话框关闭的功能
- 2021-01-08 13:58回答 20 已采纳 知道了，打开对话框为修改时，加个定时器赋数据，搞定🤣
- 2022-11-10 13:57karshey的博客 Vue+Element UI案例：通用后台管理系统-用户管理：Form表单填写、Dialog对话框弹出
- 2021-01-16 09:20人太懒丶木有名字的博客 今天的需求是，使用element-ui插件编写页面，点击按钮，弹出对话框，并使用父子组件传参的形式关闭对话框。html1、点击按钮，出现对话框描述三个按钮：vue组合工程科目匹配计算指标其中combineEngineering和...
- 2021-12-22 21:44MinggeQingchun的博客 1、element中el-input组件事件 <el-input v-model="value" v-on:change="handleChange"></el-input> <el-input v-model="value" @change="handleChange"></el-input> <el-input v-...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 7月4日-
已采纳回答
7月3日
-
修改了问题
7月3日
-
修改了问题
7月3日
- 展开全部
悬赏问题
- ¥15 欧拉系统opt目录空间使用100%
- ¥15 ul做导航栏格式不对怎么改？
- ¥20 用户端如何上传图片到服务器和数据库里
- ¥15 现在研究生在烦开题，看了一些文献，但不知道自己要做什么，求指导。
- ¥30 vivado封装时总是显示缺少一个dcp文件
- ¥100 pxe uefi启动 tinycore
- ¥15 我pycharm运行jupyter时出现Jupyter server process exited with code 1,然后打开cmd显示如下
- ¥15 可否使用carsim-simulink进行四轮独立转向汽车的联合仿真，实现四轮独立转向汽车原地旋转、斜向形式、横移等动作，如果可以的话在carsim中如何进行相应设置
- ¥15 Caché 2016 在Java环境通过jdbc 执行sql报Parameter list mismatch错误，但是同样的sql使用连接工具可以查询出数据
- ¥15 疾病的获得与年龄是否有关