iview select多选下拉鼠标移出自动收回

方法

//鼠标移出下拉框范围，模拟鼠标点击xy位置，收回下拉框
let mouseLeave = () => {let simulateClick = function () {var evt = document.createEvent("MouseEvents");evt.initMouseEvent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);document.body.dispatchEvent(evt);}simulateClick();
}

使用

<FormItem class="item" label="第一阶段(立项用地规划许可)" @mouseleave.native="mouseLeave" prop="topicLandLicence"><Select :disabled="isDisabled" multiple v-model="formValidate.topicLandLicence"placeholder="请选择"><Option v-for="item in topicLandLicence" :key="item.value" :value="item.value">{{ item.label }}</Option></Select>
</FormItem>

iview select多选下拉鼠标移出自动收回相关推荐

iview select 组件控制下拉隐藏或显示
iview 的select主键只提供了下拉框展开或收起时触发事件,没法手动控制下拉隐藏或显示,查看源码后发现内部是用visible变量控制是否显示下拉,通过改变子组件visible变量就可以了,例:t ...
ELementUI select多选下拉框获取选中项的全部属性
<template> <el-select v-model="value1" multiple placeholder="请选择"> ...
select 多选下拉框获取值
1. 设置多选:添加属性 multiple="" 或 multiple="multiple" <select multiple="" ...
select多选下拉框移动端_使用select2实现多选select下拉框
多选标签: 卡卡西鸣人佐助小樱波风水门大蛇丸纲手自来也单选标签: 请选择... 卡卡西鸣人佐助小樱波风水门大蛇丸纲手自来也 $(function(){ $('#sel_p ...
iview 下拉select样式_Vue.js相关：iview实现select tree树形下拉框的示例代码
Vue.js相关:iview实现select tree树形下拉框的示例代码发布于 2020-3-16| 复制链接摘记: 本文介绍了iview实现select tree树形下拉框的示例代码,分享给大 ...
php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
antd select多选_antd多选下拉框一行展示的实现方式
我们都知道antd的select多选时,如果下拉框宽度不足,则自动浮动到下一行将下拉框撑大,但是这回影响到页面的整体布局. 我们期望的效果是,下拉框只显示一行的值,超出一行的部分自动隐藏. 下面有2种 ...
select实现---多选下拉框
select列表多选下拉框注意:formSelects v4的一些操作: https://blog.csdn.net/zyc050707/article/details/109809503 1.引入 ...

iview select多选下拉鼠标移出自动收回

iview select多选下拉鼠标移出自动收回相关推荐

最新文章

热门文章

iview select多选下拉 鼠标移出自动收回

iview select多选下拉 鼠标移出自动收回相关推荐

最新文章

热门文章

iview select多选下拉鼠标移出自动收回

iview select多选下拉鼠标移出自动收回相关推荐