我在实际中遇到了这个场景：要求在满足某个条件时让button置灰（禁用），并且点击后要给出提示！
但是在原来的场景中使用的是elementui中的el-popover实现某一个效果，所以问题也就变成了如何能在el-popover的disabled为true时还能有点击事件。
我尝试在el-popover外面包裹一个div，在上面添加@click事件但是没有被触发。用父相子绝的定位方法在popover同级额外放一个div但是这两个东西竟然“看似共享高度了”。我无解了。
elementui中el-popover为disabled时的click事件问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- tonyzhangcn 2021-09-16 08:18关注
在disabled的时候将透明的div提到popover上面呢（z-index控制？），这时候让div接收click，在disable条件不满足的时候div回到popover下面。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-09-15 22:34回答 3 已采纳 在disabled的时候将透明的div提到popover上面呢（z-index控制？），这时候让div接收click，在disable条件不满足的时候div回到popover下面。
- 2019-01-09 18:59回答 2 已采纳 在APP.vue中添加 如下代码 ``` ``` 在引用该组件的.vue中加这个样式也可以 但是不能加上 scoped 因为你这个组件的样式是全局的
- 2022-11-09 17:13回答 3 已采纳 (⊙o⊙)…。。row-key配置错误，没改成name。。。还是value，不过理论上row-key应该配置为id，name还是可能有重复值 并且autocomplete要配置下value-key，要
- 2022-11-23 11:10轩宇瑶的博客 el-popover增加右键点击事件
- 2022-04-02 09:29回答 3 已采纳 trigger="click" <el-popover placement="bottom" title="标题" width="200" trigger=
- 2022-03-05 10:50回答 1 已采纳 sureBtn这个就是点击事件 <el-popover placement="top" width="160" v-model="visible"> <p>这是
- 2018-11-14 01:59回答 2 已采纳 问题已解决。改了下popover的width后线消失了
- 2021-07-27 14:45har01d的博客 <el-table-column v-if="column.remark" label="表头文字"> <template slot-scope="scope">...el-popover trigger="click" placement="top" width="620" > <el-input/> <el-but...
- 2022-10-21 10:45回答 2 已采纳 问题1，deleteRow参数搞反了，不过这不是主要问题，要用api来切换勾选取消勾选。要不全选状态栏不会更新。 问题2，不需要这2个，用selection-change，直接更新multipleSe
- 2023-02-16 21:16回答 2 已采纳 回答不易，求求采纳点赞 感激不尽 antd 的 Tooltip 和 Popover 组件是基于 React 和 CSS 实现的，它们的关闭效果是通过对组件的样式进行操作来实现的。而在 Tauri 中
- 2022-10-10 23:34回答 5 已采纳 <el-form :inline="true" :model="formInline"> <template> <el-popover placement=
- 2022-02-23 09:38青椒味半岛铁盒的博客 涉及 el-popover 、 el-checkbox 拓展一 ：根据 选择项 的多少 做分页 拓展二 ：根据 实现懒加载功能 拓展三 ：继承全部 element 组件的特性 拓展四 ：底部按钮的功能样式 再封装 最好支持插槽 并设置相对应的钩子...
- 2019-06-26 17:55回答 3 已采纳 解决了，原因是element-ui的版本过低，升级到最新版本就好了
- 2023-05-19 18:02weixin_43971142的博客 <el-tree ref="el-tree" :show-checkbox="multiple" :expand-on-click-node="multiple" :default-checked-keys="defaultCheckedKeys" :render-after-expand="false" :filter-node-method="filterNode" :node-key=...
- 2021-09-30 10:47workhd的博客 <el-popover placement="right" width="400" v-model="dialogVisible" trigger="manual"> <p>请录入5个手机号</p> <..
- 没有解决我的问题, 去提问
问题事件
系统已结题 9月25日
已采纳回答 9月17日
悬赏问题
- ¥15 宝塔面板的data内存要怎么清理呢
- ¥15 关于C语言使用线程队列实现多线程并发
- ¥15 这个运行，错误在哪里呀，大家看看吧，教导我
- ¥15 advanceinstaller对话框设置
- ¥100 正常上网，内部网页无法打开
- ¥15 组件库引入并使用在若依框架未展示
- ¥149 关于#使用python 的Flash Echarts+ajax+mysql动态数据实现饼图#的问题，请各位专家解答！
- ¥15 RichTextBox中追加文本时报错
- ¥15 关于c语言的学习问题
- ¥15 activity升级到flowable工作流act_ge_bytearray的草稿json数据复制到act_de_model 的model_editor_json的脚本