element 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);
      }
    },

 

posted @ 2024-01-26 09:21  _houjie  阅读(763)  评论(0)    收藏  举报