位置: 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使用手册)

  • 苏宁易购买苹果手机可靠吗(苏宁易购买)(苏宁易购买苹果手机可以分期吗)

    苏宁易购买苹果手机可靠吗(苏宁易购买)(苏宁易购买苹果手机可以分期吗)

  • 滴滴打车记录如何查询(滴滴打车记录如何永久删除)

    滴滴打车记录如何查询(滴滴打车记录如何永久删除)

  • 情侣空间可以查访客记录吗(情侣空间可以查看历史记录吗)

    情侣空间可以查访客记录吗(情侣空间可以查看历史记录吗)

  • 小恩爱能查和前任的记录吗(小恩爱可以找回记录吗)

    小恩爱能查和前任的记录吗(小恩爱可以找回记录吗)

  • iphone型号MQ开头(iphone型号mq开头是什么版本)

    iphone型号MQ开头(iphone型号mq开头是什么版本)

  • 苹果a1863是什么型号(苹果a1863是苹果几)

    苹果a1863是什么型号(苹果a1863是苹果几)

  • 苹果se来电闪光灯怎么设置(苹果se来电闪光怎么关闭)

    苹果se来电闪光灯怎么设置(苹果se来电闪光怎么关闭)

  • 正常ipad充电时间(ipad使用时充电)

    正常ipad充电时间(ipad使用时充电)

  • 抖音说发个库存是什么意思(抖音发一个库存写什么标题)

    抖音说发个库存是什么意思(抖音发一个库存写什么标题)

  • 打招呼频繁多久才能自动解封(打招呼过于频繁什么时候可以加人)

    打招呼频繁多久才能自动解封(打招呼过于频繁什么时候可以加人)

  • 钉钉打卡每次都要人脸识别吗(钉钉打卡每次都要人脸识别怎么办)

    钉钉打卡每次都要人脸识别吗(钉钉打卡每次都要人脸识别怎么办)

  • 怎么一次清空微信账单(怎么一次清空微信好友)

    怎么一次清空微信账单(怎么一次清空微信好友)

  • 摄像头6mm和8mm的区别(摄像头6mm和8mm的哪个清楚)

    摄像头6mm和8mm的区别(摄像头6mm和8mm的哪个清楚)

  • 直播打赏是什么意思(直播打赏是什么人)

    直播打赏是什么意思(直播打赏是什么人)

  • vivox9能不能无线充电(vivox9i有没有无线充电功能)

    vivox9能不能无线充电(vivox9i有没有无线充电功能)

  • 更新bios后进不了系统(更新bios后进不了pe镜像)

    更新bios后进不了系统(更新bios后进不了pe镜像)

  • 为什么手机4g变成2g(为什么手机4G变成E)

    为什么手机4g变成2g(为什么手机4G变成E)

  • word字间距怎么调整(word字间距怎么设置在哪里)

    word字间距怎么调整(word字间距怎么设置在哪里)

  • 芒果tv会员电视怎么登录

    芒果tv会员电视怎么登录

  • 苹果x怎么双卡双待(苹果x怎么双卡双待设置)

    苹果x怎么双卡双待(苹果x怎么双卡双待设置)

  • 三星s10怎么录制屏幕(三星s10录制屏幕快捷键)

    三星s10怎么录制屏幕(三星s10录制屏幕快捷键)

  • 荣耀手环可以接电话吗(荣耀6手环怎么连接手机)

    荣耀手环可以接电话吗(荣耀6手环怎么连接手机)

  • 应用场景是什么意思(贝叶斯法则应用场景是什么)

    应用场景是什么意思(贝叶斯法则应用场景是什么)

  • 最具性价比的手机(最具性价比的手表品牌)

    最具性价比的手机(最具性价比的手表品牌)

  • 腾讯视频突然不能投屏(腾讯视频突然不能投屏了)

    腾讯视频突然不能投屏(腾讯视频突然不能投屏了)

  • 陷阱箱怎么使用(陷阱箱怎么使用教程)

    陷阱箱怎么使用(陷阱箱怎么使用教程)

  • LangChain Agent 执行过程解析 OpenAI

    LangChain Agent 执行过程解析 OpenAI

  • Visual studio 2019 社区版下载和安装

    Visual studio 2019 社区版下载和安装

  • PHP中define定义常量的方法(php中使用什么函数来定义常量)

    PHP中define定义常量的方法(php中使用什么函数来定义常量)

  • 融资租赁的进项税可以抵扣吗
  • 租的房子装修费如何入账
  • 个体户可以开多个银行账户吗
  • 合并报表是按年还是按月
  • 装修工程人工费占总价比例
  • 运输服务有3%的税率吗
  • 施工企业收到工程款交付税款的时间
  • 滴滴普通发票可以作废吗
  • 企业盘活资产的方法有哪些
  • 收到0税率的增值税发票
  • 电商刷单返现如何做账务处理合适?
  • 小规模纳税人销售已使用固定资产
  • 加油站固定资产折旧年限
  • 企业领用本企业生产的产品会计分录
  • 购入无形资产产生的咨询费
  • 应计未计成本税前扣除年限
  • 航天信息维护费280元报税怎么抵扣
  • 员工宿舍需要缴纳房产税么
  • 财产租赁合同印花税计税依据及税率
  • 收取职工房租 算收入吗
  • 年度所得税汇算清缴表去哪里找
  • 易票365怎么认证发票
  • 私营企业所得税是多少
  • 非雇佣劳务
  • 自用房屋的房产税怎么缴纳
  • 向境外企业付外汇
  • 中标费用由哪方出
  • 如何让windows8.1更流畅
  • win7右键设置方法
  • 现金被盗计入什么科目
  • 烟花绽放的除夕夜题目
  • php运用
  • 精选100个Python实战项目案例,送给缺乏实战经验的你
  • 小规模纳税人进口增值税怎么处理
  • 缴纳税款滞纳金怎么算
  • python中如何删除文件
  • sqlserver sid
  • 余额百分比法计提坏账准备
  • 未发工资怎么办
  • 想买微波炉
  • 当年发生亏损会影响所有者权益吗
  • 服务费可以计入主营业务成本吗
  • 个税计提多了怎么办,跨年度了
  • 未交增值税科目怎么用
  • 发工资用个人账户还是公司帐户
  • 收到股本金 怎么记账
  • 出口运保费是什么费用
  • 其他应收款项
  • 出口货物两张报关单
  • 利润总额毛利润怎么算
  • 坏账准备是什么类科目
  • 研发费用是管理费用的比例多少不正常
  • 现金收款凭证的填制日期应当是
  • 如何延长手机电池使用寿命
  • centos7怎么配置ip地址和网络
  • linux kill-15
  • mac使用命令行
  • yum下载已安装的包
  • linux常用命令chmod
  • 如何查看win7系统
  • win8.1系统要求配置
  • perl 比较符
  • cocos2dx在暂停某些元素后导致crash问题
  • javascript中的函数也称为什么
  • jquery注释有哪几种
  • jquery从入门到精通
  • Node.js中的事件循环是什么
  • 安卓的引导式访问叫什么
  • python executemany的使用及注意事项
  • unity-
  • javascript 正则
  • 详细解读了
  • 解决口苦的最佳方法
  • Unity for Absolute Beginners(三)
  • jquery原理解析
  • 座机怎么查来电显示号码
  • 契税含不含精装修
  • 税控盘清卡的步骤
  • 国家税务局的单位性质是什么
  • 宁波国税发票查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设