位置: IT常识 - 正文

通过点击一个按钮控制elementui选择框的展开和关闭(通过点击一个按键的游戏)

编辑:rootadmin
通过elementui的源码可以找到控制选择框展开与关闭的一个方法toggleMenu,这里面还有一个自定义指令v-clickoutside(该指令是为了点击外部元素能够关闭展开框,详细了解请点此)需要阻止,阻止方法见下面 element\packages\select\src\select.vue ...

推荐整理分享通过点击一个按钮控制elementui选择框的展开和关闭(通过点击一个按键的游戏),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:一个按钮的点击事件怎么写,点击一个按钮获取整个页面的数据,通过点击一个按钮的英文,通过点击一个按钮的英文,点击一个按钮触发另一个按钮,通过点击一个按键的游戏,点击一个按钮触发另一个按钮,点击一个按钮触发另一个按钮,内容如对您有帮助,希望把文章链接给更多的朋友!

通过elementui的源码可以找到控制选择框展开与关闭的一个方法toggleMenu,这里面还有一个自定义指令v-clickoutside(该指令是为了点击外部元素能够关闭展开框,详细了解请点此)需要阻止,阻止方法见下面

element\packages\select\src\select.vue

通过点击一个按钮控制elementui选择框的展开和关闭(通过点击一个按键的游戏)

这样可以通过ref调用组件内部方法的方式实现

但是!!!

在按钮上需要使用mouseup事件并且添加.stop修饰符才能正常展开与关闭

这个和elementui中的自定义事件v-clickoutside有关

element\src\utils\clickoutside.js

在这个自定义指令中监听了document的mouseup事件,然后判断mouseup事件是否是在绑定了该指令的元素内部发生,即判断mouseup的地方是否是选择框外部元素,如果是外部元素就执行指令绑定的方法,关闭选择框;

所以必须通过mouseup.stop去阻止mouseup事件冒泡。

本文链接地址:https://www.jiuchutong.com/zhishi/311885.html 转载请保留说明!

上一篇:帝国cms6.6注册欢迎邮件发送的方法是什么(帝国cms登录)

下一篇:分享帝国cms自动加水印的实现方法(帝国cms使用手册)

  • PPTV网络电视界面乱码怎么办

    PPTV网络电视界面乱码怎么办

  • 红米10x 4g版跑分是多少

    红米10x 4g版跑分是多少

  • 彩铃过滤器校验失败怎么开通(彩铃过滤器校验不通过)

    彩铃过滤器校验失败怎么开通(彩铃过滤器校验不通过)

  • 新苹果怎么同步旧苹果(新苹果怎么同步旧苹果app)

    新苹果怎么同步旧苹果(新苹果怎么同步旧苹果app)

  • 手机号因举报骚扰停机(手机号因举报骚扰停机多久注销)

    手机号因举报骚扰停机(手机号因举报骚扰停机多久注销)

  • 电脑安装软件一直失败(电脑安装软件一闪一闪的)

    电脑安装软件一直失败(电脑安装软件一闪一闪的)

  • dtlfolder是什么文件夹(fileld是什么意思中文)

    dtlfolder是什么文件夹(fileld是什么意思中文)

  • esupport是什么文件夹(esp是什么文件)

    esupport是什么文件夹(esp是什么文件)

  • 新微信号多久可以收款(新微信号多久可以收款转账)

    新微信号多久可以收款(新微信号多久可以收款转账)

  • 无线网网络拒绝接入什么意思(无线网网络拒绝接入是怎么回事)

    无线网网络拒绝接入什么意思(无线网网络拒绝接入是怎么回事)

  • 计算机网络安全策略是指(计算机网络安全的定义)

    计算机网络安全策略是指(计算机网络安全的定义)

  • 开发者选项长期开启会怎样(开发者选项长期开启有什么危害)

    开发者选项长期开启会怎样(开发者选项长期开启有什么危害)

  • nmlk键的功能是(nm1是哪个键)

    nmlk键的功能是(nm1是哪个键)

  • 淘宝购物退款淘金币抵扣的还返回吗(淘宝购买退款)

    淘宝购物退款淘金币抵扣的还返回吗(淘宝购买退款)

  • 扫码连wifi是什么弄的(扫码连 wifi)

    扫码连wifi是什么弄的(扫码连 wifi)

  • 怎么自定义闹钟铃声(苹果手机怎么自定义闹钟)

    怎么自定义闹钟铃声(苹果手机怎么自定义闹钟)

  • 小米mi5c是什么型号(小米五c参数)

    小米mi5c是什么型号(小米五c参数)

  • 淘宝帮买消息怎么删除(淘宝帮买消息怎么关闭)

    淘宝帮买消息怎么删除(淘宝帮买消息怎么关闭)

  • 芒果tv怎么看直播(芒果tv上怎么看直播)

    芒果tv怎么看直播(芒果tv上怎么看直播)

  • iphone11怎么截图(iphone11怎么截图长屏幕)

    iphone11怎么截图(iphone11怎么截图长屏幕)

  • 安居客怎么删除房源(安居客怎么删除发布的房源)

    安居客怎么删除房源(安居客怎么删除发布的房源)

  • 小米8 6g跟8g差距(小米8比小米6提升多少)

    小米8 6g跟8g差距(小米8比小米6提升多少)

  • qq怎么关闭联想表情(qq怎么关闭联想表情包)

    qq怎么关闭联想表情(qq怎么关闭联想表情包)

  • 小米6如何隐藏软件(小米6如何隐藏应用)

    小米6如何隐藏软件(小米6如何隐藏应用)

  • 虎扑如何重新编辑帖子(虎扑怎么重新编辑自己的帖子)

    虎扑如何重新编辑帖子(虎扑怎么重新编辑自己的帖子)

  • 手机编辑文件的软件(手机编辑文件的字体怎么才能变大)

    手机编辑文件的软件(手机编辑文件的字体怎么才能变大)

  • 佳能2900打印机卡纸问题维修(佳能2900打印机加碳粉教程)

    佳能2900打印机卡纸问题维修(佳能2900打印机加碳粉教程)

  • 毕业设计-基于 Python 的天气预测系统(毕业设计基础)

    毕业设计-基于 Python 的天气预测系统(毕业设计基础)

  • uni.getSystemInfo(OBJECT)

    uni.getSystemInfo(OBJECT)

  • 出口退税的条件有哪些
  • 出口退税新政策报关费发票要怎么开
  • 注会其他专业可以考吗
  • 餐补如何入账
  • 发票金额开多了怎么处理
  • 收到小微企业补助会计分录
  • 个体工商户化妆品经营范围
  • 各项费用报销附件
  • 年化收益率和年利率的区别的例子
  • 房屋租赁合同印花税计税依据
  • 营改增后企业取得的不动产可以抵扣进项
  • 营改增后的民办养老院收入是否含增值税收入?
  • 房地产企业增值税税率是多少
  • 代扣代缴的增值税怎么做账
  • 开发票六位代码
  • 企业自行建造的固定资产
  • 事业单位考试一门多长时间
  • 开票时金额怎么能含税
  • 外卖收入增值税怎么算
  • 计提员工社保拿什么做原始凭证?
  • 个体工商户怎样开发票
  • 公司组织的团建受伤算工伤吗
  • 软件开发公司账务怎么做
  • win11版本22000.194
  • ptssvc.exe - ptssvc是什么进程 有什么用
  • 编译报错place 30-681
  • win7bios网络启动
  • 固定资产折旧表述不正确的是
  • 公司员工培训后的收获和感想
  • windows7使用方法
  • pa等比例缩放
  • 附加税退税申请理由模板
  • 面试官:一千万是真的吗
  • php 序列化和json性能
  • php json数据
  • 借款凭证会计分录是什么
  • 代开的普通发票如何盖章
  • 帝国cms使用手册
  • 固定资产计提折旧的方法
  • 供热企业税收优惠
  • 红冲后的发票税怎么办
  • protobuf 文档
  • 自然人税收管理系统扣缴客户端官网
  • 固定什么意思
  • 政府会计的会计要素有哪几个?会计要素之间的关系如何?
  • 个税系统中的离职怎么填
  • 营业收入的构成分析主要包括
  • 企业进项是什么意思
  • 社会保险差额缴纳
  • 车辆购置税的计税价格为不含增值税的全部价款
  • 税收制度政策
  • 递延所得税如何理解
  • 出口退税税款账务处理
  • 购买的税控设备
  • 企业购买的原材料确认为资产,这属于会计确认的范畴
  • 如何办icp许可证
  • 发票丢失了怎么报销
  • mysql count详解及函数实例代码
  • mac蓝牙怎么连接耳机
  • u启动如何装系统
  • win10 rs5
  • mongo 安装
  • centos6.5安装步骤
  • surveyor.exe - surveyor是什么进程
  • windows媒体中心关不掉
  • 微软64位Win10 Mobile很快到来 Surface Phone有望搭载
  • linux一共多少命令
  • js 和html
  • Android-ViewPager使用示例
  • 自动断开网络共享怎么办
  • 应用框架的设计方法
  • linux同名文件
  • linux shell if -e
  • 深入讲解MACD:MACD红绿柱
  • 如何查询以前月份发票超限量的申请
  • 陕西省医保缴费截止日期2024
  • 水库占地怎么缴耕地占用税
  • 山东农村土地补贴每亩多少
  • 中国一年能收多少税
  • 上海房产税2021征收对象
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设