ElementUI手动控制popover弹层的显示与隐藏

ElementUI手动控制popover弹层的显示与隐藏

转自于:https://huaweicloud.csdn.net/638f116ddacf622b8df8e566.html?spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-9-122042411-blog-107202090.pc_relevant_multi_platform_whitelistv4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-9-122042411-blog-107202090.pc_relevant_multi_platform_whitelistv4&utm_relevant_index=10

是时候表演真正的技术了网上找了一堆都是没用的。。。。搜的第一个是啥也没说手动控制el-popover弹窗的显示与隐藏其实很简单,el-popover层绑定一个v-model的值为true或者false就行了。这是官网上给的Attributes。而且显示根本不用控制,el-popover有一个trigger属性,trigger可以为click/focus/hover/manual,默认值是click

小妖盖 · 2021-12-20 15:45:44

是时候表演真正的技术了

网上找了一堆都是没用的。。。。搜的第一个是啥也没说

手动控制el-popover弹窗的显示与隐藏其实很简单,el-popover层绑定一个v-model的值为true或者false就行了。这是官网上给的Attributes。

而且显示根本不用控制,el-popover有一个trigger属性,trigger可以为click/focus/hover/manual,默认值是click,所以单击就能触发,主要是弹窗的隐藏问题。

placement="right"

width="400"

trigger="click"

v-model="showPopover"

>

click 激活

popover弹窗关闭

相关推荐

2025好玩的关于美女的游戏推荐 有美女的游戏汇总
365bet平台规则

2025好玩的关于美女的游戏推荐 有美女的游戏汇总

📅 09-26 👁️ 6905
尼康D1000
365bet平台规则

尼康D1000

📅 10-19 👁️ 6421
脊柱超详细解剖,高清图文影像,值得收藏!
365账户受到限制怎么办

脊柱超详细解剖,高清图文影像,值得收藏!

📅 07-06 👁️ 4970
怎么连接耳机?别再瞎捣鼓了!保姆级教程,30秒搞定蓝牙配对!
[天下足球]完整版 20141103
365体育靠谱

[天下足球]完整版 20141103

📅 08-04 👁️ 4290
送新娘出嫁穿什麼衣服
365bet平台规则

送新娘出嫁穿什麼衣服

📅 08-30 👁️ 8196