element-ui的dialog对话框绑定了单击事件但是点击没有反应。

做的增删改查功能,新增按钮绑定了@click事件,点击新增按钮可以弹出对话框。
复制一份对话框代码把el-dialog标签里的:visible.sync改成dialogvisible2之后绑定到修改按钮上点击修改按钮就没有反应了。
如果运行tomcat打开页面直接点击新增可以弹出新增页面框,要是先点击修改就没有反应,再点击新增按钮就会弹出修改页面而且还关不掉,这是为什么😢

img

img

img

定义的data,是否是dialogvisible2:false

1.确保把 :visible.sync 改回 :visible.sync。

当Element UI的Dialog对话框绑定了单击事件但是点击没有反应,可能有以下几个常见的原因:

事件绑定错误:首先检查事件是否正确地绑定到了Dialog组件上,确保事件绑定的语法正确,事件名称和处理函数都正确。

遮罩层问题:如果Dialog组件有遮罩层,可能遮挡了点击事件。请确认遮罩层的z-index是否正确,确保点击事件不会被遮罩层拦截。

Dialog的visible属性:检查Dialog组件的visible属性是否设置为true,如果为false,Dialog将不会显示,点击事件也无法触发。

父组件或祖先组件的事件处理:有时候点击事件可能被父组件或祖先组件的事件处理函数所捕获,导致Dialog的点击事件没有触发。可以通过阻止事件冒泡或者使用.stop修饰符来解决。

其他样式或脚本冲突:检查页面中是否有其他样式或脚本可能导致Dialog组件的点击事件失效。尝试在一个空白页面上测试Dialog组件,确认是否存在其他因素导致的问题。