vue3 el-select多选框 设置默认值不可删除

最新推荐文章于 2025-03-12 23:40:14 发布
最新推荐文章于 2025-03-12 23:40:14 发布
阅读量360 收藏
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xxxxxx_q/article/details/138560485
版权

需求：选择器有一个默认值【全部】，单击删除时不能删除

我看好多人写的都是自定义指令去设置对应的样式，但是这是最好的情况！然而我看不到，呃呃呃

我看了element-plus  有个方法   去除tag 时的方法

因此，我想 了一个笨办法，当点击这个方法时，点击的是不能删除的值时，我就在吧这个数据绑上去，。。。。。。。。。效果是可以的。。。。。。。。。。

如果有类似的情况，可以看看，当然自定义指令是比较好的

爱吃苦头
关注
若依前后端分离版本el-select下拉框字典如何设置默认值。
猿小白的博客
10-14 1070
在若依前后端分离框架中，如何给下拉框设置默认值，刚入门的小伙伴，可能会不知道如何去做。本章教程，主要以用户管理模块中的添加用户举例说明如何设置用户性别默认值为男。
Element UI Select 多选有默认值时，默认值不能删除
weixin_43962877的博客
04-15 2532
<template> <el-form :model="form" label-width="150px"> <el-form-item label="经营品类：" prop="materialType"> <el-select multiple v-model="form.materialType" @remove-tag...
[element-ui]el-select多选选择器选中其中一个选项，不可删除
xxuxioxx的博客
06-17 1343
el-select多选选择器选中其中一个选项，不可删除
vue3，Element Plus中el-select默认显示0
最新发布
BillKu的博客
03-12 466
el-select v-model="queryDTO.checkGroupId" placeholder="请选择" clearable filterable style="width: 240px">再将 queryDTO.value.checkGroupId = 0;改为 queryDTO.value.checkGroupId = null;中的 checkGroupId?改为 checkGroupId?el-select默认显示0。
el-select下拉多选框 el-select 设置默认值不可删除功能
共同进步
08-31 3961
Element-UI是一款广泛使用的Vue.js组件库，其中El-Select下拉多选框组件在实际项目开发中经常被使用。然而，在Element 3.0版本中，El-Select下拉多选框默认值可被删除，这可能会导致一些意外情况。本文将介绍如何解决这个问题，实现El-Select下拉多选框设置默认值不可删除的功能。
el-select 多选默认选项添加禁止删除功能
qq_34630087的博客
07-23 2260
实现编辑时打开的 element 表单，多选下拉框 select，只允许添加新的属性，不允许删除原来的属性。
ElementUI中 el-select 多选框设置的默认值不可删除，下拉框中鼠标的交互事件取消
weixin_44443380的博客
11-23 967
【代码】ElementUI中 el-select 多选框设置的默认值不可删除，下拉框中鼠标的交互事件取消。
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
在使用element-ui开发Web项目时，经常会遇到一些组件使用上的细节问题，其中element-ui中的下拉多选框组件el-select使用时，如何设置默认值且不可删除，是一个较为常见的需求。本文将详细介绍如何解决这个问题，以及...
Vue中el-form标签中的自定义el-select下拉框标签功能
10-15
2. **多选模式**：通过设置`el-select` 的`multiple` 属性为`true`，可以让用户选择多个选项。 3. **远程搜索**：通过监听`input` 事件，结合`loading` 属性，可以实现远程数据加载的下拉框。 4. **分组选项**：使用...
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
10-18
总的来说，解决el-select选择器无法显示选中内容的问题，通常需要从数据绑定、组件使用、样式设置等多个角度进行综合考虑。通过上述方法逐一排查并修复问题，一般能够找到导致问题的根本原因，并最终解决无法显示...
Element ui el-select 多选默认值不可修改，删除
ddsuuny的博客
03-29 3220
el-select 多选默认值不可删除
element-ui中的select下拉列表设置默认值方法
10-18
今天小编就为大家分享一篇element-ui中的select下拉列表设置默认值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
el-select 默认选中值
qq_33240556的博客
05-14 7498
绑定一个变量，并且初始化这个变量为想要默认选中的选项的值。组件用于创建下拉选择菜单。如果你想设置一个默认选中的值，你可以使用。在Element UI（一个用于Vue.js的UI框架）中，如果你想让“选项2”作为默认选中项，你只需在。这样，当页面加载时，“选项2”就会被默认选中。// 初始化这里为你想默认选中的值。
element-ui里面的下拉多选框 el－select 时，默认值不可删除
热门推荐
漫无目的猿猿的博客
10-22 2万+
这是一个项目中常见的需求，el-select 为下拉多选，默认值不可删除，或者指定值不可删除。 实现效果： el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性，所有明显不支持。 解决思路（从el-select 的角度来考虑，其他组件组合的情况暂不考虑） 想要实现某些选项是不删除，1、需要tag 不可删除，2、...
vue-treeselect开启多选设置了默认值，不能删除
weixin_39077202的博客
07-16 463
vue-treeselect开启多选设置了默认值，不能删除，新添加的可以删除。需要将string类型的id值转换成Number类型的，要不然不能删除。
ElementUI select 多选默认选中项 不能被删除
stone_ui的博客
11-19 2321
/* * @Author: your name * @Date: 2020-11-09 10:11:05 * @LastEditTime: 2020-11-16 17:47:23 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \nxp-app\src\directives\defaultSelect.js */ import Vue from 'vue' Vu.
element-ui el－select多选默认值不允许编辑删除
lning8808的博客
12-10 6864
自己琢磨半天没解决，看到一篇大佬的文章顿时茅塞顿开，记录一下加深印象 原文路径：https://blog.csdn.net/qq_36356218/article/details/102605332 注意：v-defaultSelect这个是引用的大佬写的main.js或组件内部的Vue.directive定义的方法，第一个值“groupid.value”是select的v-model值，第二个值...
el-select多选时候之后，展示多选条件不允许被删除
Fhm123456_的博客
06-20 2575
效果如图：第一步：el-select 加一个ref属性，例如：ref="medicalAdviceRef"，为了操作js用，第二部：
el-select下拉多选框 el-select 默认值不可删除问题
01-23
### el-select 多选框默认值不可删除的原因分析 Element UI 的 `el-select` 组件在多选模式下确实存在一些已知的问题，特别是在涉及远程搜索和动态加载数据时。当遇到默认值无法删除的情况时，通常是因为以下几个...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值