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

  • iqoo8pro附赠充电器吗(iqoo8pro充电器)

    iqoo8pro附赠充电器吗(iqoo8pro充电器)

  • 电源高压一体板详解(电源高压)(电源高压一体板12V在哪里个位置)

    电源高压一体板详解(电源高压)(电源高压一体板12V在哪里个位置)

  • 电脑怎么同时打开两个窗口

    电脑怎么同时打开两个窗口

  • 苹果X怎么截屏(苹果X怎么截屏怎么截长屏)

    苹果X怎么截屏(苹果X怎么截屏怎么截长屏)

  • iphonex短时间掉进水里(iphonex瞬间掉电)

    iphonex短时间掉进水里(iphonex瞬间掉电)

  • 手机qq怎么设置查无此号(手机qq怎么设置空间权限)

    手机qq怎么设置查无此号(手机qq怎么设置空间权限)

  • oppo隐藏相册在哪(oppo隐藏相册怎么打开)

    oppo隐藏相册在哪(oppo隐藏相册怎么打开)

  • 开腾讯会议时可以接电话吗(开腾讯会议时可以接微信电话吗)

    开腾讯会议时可以接电话吗(开腾讯会议时可以接微信电话吗)

  • 华为手机有视频美颜功能吗(华为手机有视频声音找不到来源)

    华为手机有视频美颜功能吗(华为手机有视频声音找不到来源)

  • zip跟rar有区别吗(zip和rar一样吗)

    zip跟rar有区别吗(zip和rar一样吗)

  • win10卡顿现象严重(win10卡是怎么回事)

    win10卡顿现象严重(win10卡是怎么回事)

  • 怎么解决手机自动暂停(怎么解决手机自动关机的问题)

    怎么解决手机自动暂停(怎么解决手机自动关机的问题)

  • 电脑插耳机说话对方听不到(电脑插耳机说话有杂音滋滋)

    电脑插耳机说话对方听不到(电脑插耳机说话有杂音滋滋)

  • 抖音蓝v认证后可以改名字吗(抖音蓝v认证后怎样修改个人简介)

    抖音蓝v认证后可以改名字吗(抖音蓝v认证后怎样修改个人简介)

  • 华为p40pro是3d人脸识别吗(p40pro有3d)

    华为p40pro是3d人脸识别吗(p40pro有3d)

  • 优酷电视端叫啥名字(优酷电视上叫什么软件)

    优酷电视端叫啥名字(优酷电视上叫什么软件)

  • nova6se上市时间(华为nova6se上市时间及上市日期)

    nova6se上市时间(华为nova6se上市时间及上市日期)

  • 文件序号怎么排序(文件序号怎么排序格式)

    文件序号怎么排序(文件序号怎么排序格式)

  • watchgt2怎么将步数同步到微信上(gt2怎么添加运动)

    watchgt2怎么将步数同步到微信上(gt2怎么添加运动)

  • 抖音一天能点多少关注(抖音一天能点多少赞)

    抖音一天能点多少关注(抖音一天能点多少赞)

  • oppofindx快充怎么打开(oppo快充方式)

    oppofindx快充怎么打开(oppo快充方式)

  • 淘宝怎么删自己的评论(淘宝怎么删自己的回答)

    淘宝怎么删自己的评论(淘宝怎么删自己的回答)

  • 苹果8屏幕黑边正常吗(苹果屏幕黑边怎么关闭)

    苹果8屏幕黑边正常吗(苹果屏幕黑边怎么关闭)

  • ddr4双通道是迷信吗(ddr5 双通道)

    ddr4双通道是迷信吗(ddr5 双通道)

  • 小米手环4怎么唤醒小爱(小米手环4怎么重新绑定手机)

    小米手环4怎么唤醒小爱(小米手环4怎么重新绑定手机)

  • 微信声音锁网络无法连接(微信声音锁是怎么回事)

    微信声音锁网络无法连接(微信声音锁是怎么回事)

  • cdparanoia命令  翻录CD文件(cd oobe是什么命令)

    cdparanoia命令 翻录CD文件(cd oobe是什么命令)

  • 使用Python创建简单的HTTP服务器(python中如何创建一个对象)

    使用Python创建简单的HTTP服务器(python中如何创建一个对象)

  • 企业所得税税负率怎么算出来的
  • 新公司第一年要做亏
  • 人工费用包括哪些科目
  • 建筑公司设计费税率
  • 公司净资产如何查询
  • 金融企业往来收入科目属于什么科
  • 支付结算办法主要内容
  • 公司分期付款买车可以抵税吗
  • 冲减上年的所得税费用入什么科目?
  • 税务顾问费怎么做账务处理?
  • 食堂伙食费怎么入账
  • 个人代开普通发票需要出税费吗?
  • 建筑企业管理部门
  • 怎么在电子税务局变更财务负责人
  • 申报营业额怎么填
  • 个人出租场地个人所得税
  • 增值税税率调整时间16变13
  • 简述资产的概念特征以及确认条件
  • 销项税现金流量表在附表中如何列示
  • 公转私合理吗
  • 在Win7系统中,文件的属性包括
  • mac版本系统
  • 怎么添加动态磁贴
  • 销售免税商品可以抵扣进项税吗
  • 预收外汇如何结汇
  • 办公费用减少的原因
  • 企业固定资产有哪些
  • 税前可扣除的税费
  • 在企业扶贫捐赠活动上的讲话
  • 是谁唤醒你
  • 马萨诸塞 下架
  • 费用冲账的会计分录
  • 发放工资时扣除的保险怎么做
  • 增值税多扣款了怎么处理
  • 简单的php文件
  • stat命令的作用
  • ps打不出字怎么回事
  • 个税专项附加扣除具体怎么操作
  • 个体户一直未申报会怎样
  • 跨年专票红冲步骤
  • 公司目前销售使用的物品
  • 差旅费补贴要交个人所得税文件
  • 应收账款提坏账准备的方法
  • sqlsever无法连接到服务器
  • 全国通用机打销售票真伪
  • 个税 全年累计
  • sql server2005查询
  • 个人银行账户进账多少
  • 拆迁补偿款收税吗
  • 房地产企业缴纳契税会计分录
  • 残保金计算公式及例题
  • 库存商品结转成本是什么意思
  • 国有企业取得的土地建设职工住宅
  • 车辆上牌的费用应付多少?
  • 公司在银行的贷款会计分录
  • 用美元账户余额怎么用
  • 定额发票和增值税普通发票的区别
  • 满减送的购物券在哪里看
  • 根据索引名称查字段
  • bios怎么恢复出厂设置有什么后果?
  • 怎么制作win7系统u盘装系统教程
  • windows命令提示符命令大全
  • win8 无线网
  • linux网卡lo
  • 阿里云安装
  • 苹果mac电脑不会关机
  • win10系统怎么安装qq
  • NJeeves.exe - NJeeves进程文件是什么意思 有什么用
  • cocos creator打包
  • windows更新
  • unity中canvas怎么调框大小
  • node.js 定时任务
  • linux中的shell命令
  • python设计gui
  • 爱普生如何
  • 政府采购合同模板
  • 在监狱要花钱吗
  • 河南省焦煤集团董事长
  • 防疫物资开票免税吗
  • 税务之星ii驱动
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设