首页 > 其他分享 >element select多选 选择一条数据后自动隐藏下拉选框

element select多选 选择一条数据后自动隐藏下拉选框

时间:2024-01-26 09:35:21浏览次数:26  
标签:多选 element visible 自动隐藏 select 选框

 <el-select
                v-model="form.roleIds"
                placeholder="请选择角色"
                multiple
                multiple-limit="1"
                @change="handleVisibleChange"
                ref="mySelect"
              >
                <el-option
                  v-for="item in roleOptions"
                  :key="item.roleId"
                  :label="item.roleName"
                  :value="item.roleId"
                  :disabled="item.status == 1"
                ></el-option>
              </el-select>

/ /自动隐藏下拉框
    handleVisibleChange(visible) {
      if (visible.length > 0) {
        setTimeout(() => {
          this.$refs.mySelect.blur();
        }, 50);
      }
    },

 

标签:多选,element,visible,自动隐藏,select,选框
From: https://www.cnblogs.com/houBlogs/p/17988615

相关文章

  • elementUI表格滚动条样式修改,隐藏表格右边留白
    修改滚动条样式//设置滚动条的宽度.el-table__body-wrapper::-webkit-scrollbar{width:4px;}//设置滚动条的背景色和圆角.el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#535353;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2......
  • 使用 For each 循环替换xelement操作中断
     使用Foreach循环替换xml元素xelement时,只能操作一个然后就中断了.是因为修改了枚举组自身,导致foreach中断.  解决方案: 在枚举组添加ToArray转换为数组或列表后再进行操作. ForEachbrAsXElementInSelectorXe.......
  • element upload avator hover 有遮罩层 删除和预览按钮 选项
    hover:<divclass="upload"><el-uploadclass="avatar-uploader":on-success="handleAvatarSuccess"><imgv-if="ruleForm.imageUrl":src="ruleForm.image......
  • channel和select
    channelChannel是基于有锁队列实现数据在不同协程之间传输的通道,本质上是由buf循环队列、sendq待发送者队列、recvq待接收者队列三个FIFO队列组成的用于协程之间传输数据的协程安全的通道,sendq和recvq可以认为不限大小。使用声明一个通道类型的变量是需要使用make()函数初始化......
  • Find min and max element in bst using recursion【1月23日学习笔记】
    点击查看代码#include<iostream>usingnamespacestd;structNode{intdata;Node*left,*right;};Node*newNode(intx){Node*temp=newNode;temp->data=x;temp->left=temp->right=NULL;returntemp;}voidin......
  • Element ui文件下载
    实现步骤设置移入后展示的标签,绑定点击事件 handleDownload(file),file是文件的相关信息<spanclass="el-upload-list__item-actions"style="font-size:16px;padding:010px"><spanv-if="!disabled"class="el-upload-list__item-download"......
  • [element-ui] table表格点击单元格,单元格改变背景色
     <el-table:data="tableData"border@cell-click="cellclick":cell-style="tableCellStyle"></el-table>data(){row:'',column:''}cellclick(row,column,cell......
  • Find min and max element in bst using iteration【1月23日学习笔记】
    点击查看代码#include<iostream>usingnamespacestd;structNode{intdata;Node*left,*right;};Node*newNode(intx){Node*temp=newNode;temp->data=x;temp->left=temp->right=NULL;returntemp;}voidin......
  • Element Ui使用技巧——Form表单的校验规则rules详细说明
    ElementUi使用技巧——Form表单的校验规则rules详细说明:https://blog.csdn.net/weixin_46711427/article/details/117672462?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_utm_term~default-0-117672462-blog-124431947.235^v40^pc_relevant_rights_sort......
  • Table 变身记:Element-Plus携手SortableJS打造可拖拽式体验
    使用element-plus的el-table组件创建出来的table。结合sortable.js实现行拖动排序。安装包npminstall-Dsortablejs使用官方table示例代码<template><el-table:data="tableData"style="width:100%"><el-table-columnprop="date"label=&quo......