您现在的位置是:首页 > Javascript
当前栏目
elementui|dropdown|下拉菜单作为模态框使用
2023-03-31 10:59:20 时间
elementui|dropdown|下拉菜单作为模态框使用
背景
- 场景:下拉菜单作为模态框使用:
- 操作:下拉菜单设置触发条件点击展示/隐藏:
trigger="click"
- 目的:点击取消关闭下拉框
遇到的问题
- 参考网络elementui下拉菜单不同选项支持点击后是否隐藏菜单栏,
给el-dropdown-menu
设置ref="dropdownRef"
,通过this.$refs.dropdownRef.showPopper = false
关闭;
this.$refs.dropdownMenuRef.showPopper = false;
- 按照上述操作,实际开发过程中,发现点击打开下拉菜单的按钮,点击取消,确实关闭了
解决
1.看elementui源码,发现dropdown按钮所在组件中有属性visible;
2.给el-dropdown
添加属性ref="dropdownRef"
,置 visible 为 false;
3.给el-dropdown-menu
添加属性ref="dropdownMenuRef"
,置 showPopper 为 false。
this.$refs.dropdownRef.visible = false;
this.$refs.dropdownMenuRef.showPopper = false;
参考链接
elementui下拉菜单不同选项支持点击后是否隐藏菜单栏
Element的Dropdown下拉菜单点击不同选项控制菜单栏的显示或隐藏
相关文章
- 凭什么UI设计师工资就比其他设计师高
- 从超多案例中,我总结了 2020年值得关注的10个UI设计趋势
- 5G大幕拉开 中国芯片新兵“肉搏”美日六巨头能否突围?
- 对谈世界上早期的UI设计师:我们不止创造了汉堡图标
- 2019年6月网页设计师前端干货大合集
- 对支付平台架构设计的一些思考
- QQ轨迹刷屏:一流的起牌,二流的牌技,三流的营销
- 谷歌开发团队招募Node.js移植工程师 Fuchsia有望支持JavaScript应用
- css中flex是什么
- css overflow属性有什么用
- css样式的组成
- css选择器是什么意思
- css浮动产生的负作用
- css盒子模型的属性介绍
- css超链接是什么
- css选择器之间的关系
- css中rotate函数是什么
- css中skew函数的使用
- css中animation是什么
- css背景中有哪些方法