取巧方式el-select单选重复选择

前言:之前产品是可以多选,我就一想在el-select

加个multiple不就完事了吗?我兴高采烈几分钟就实现了这个选择框,可是后面说单选也要重复多选几个,顿时我就****,又不想自己写个

首先安装element-plus 一定要安装2.5+版本

复制代码
       <el-select :model-value="sitem.filter" filterable multiple style="width:420px;" class="m-2"
            size="large">
            <template #tag>
                <el-tag v-for="(tagitem, tagindex) in sitem.filter" :key="tagindex" class="mx-1"
                    type="info" closable @close="remotab(sindex, tagindex)">
                    {{ tagitem }}
                </el-tag>
            </template>
            <el-option v-for="(item, i) in sheenlist[sindex]" :key="i" :label="item" :value="i">
                <template #default>
                    <div @click="changevalue(item, sindex)">{{ item }}</div>
                </template>
            </el-option>
        </el-select>

自定义tag这样就能自己获取到标签的数据实现删除

自定义default实现表格的添加

相关推荐
老神在在0013 小时前
SpringMVC1
java·前端·学习·spring
萌萌哒草头将军5 小时前
🚀🚀🚀React Router 现在支持 SRC 了!!!
javascript·react.js·preact
薛定谔的算法6 小时前
# 从0到1构建React项目:一个仓库展示应用的架构实践
前端·react.js
Tina学编程6 小时前
HTML基础P1 | HTML基本元素
服务器·前端·html
一只小风华~7 小时前
Web前端:JavaScript和CSS实现的基础登录验证功能
前端
90后的晨仔7 小时前
Vue Router 入门指南:从零开始实现前端路由管理
前端·vue.js
LotteChar7 小时前
WebStorm vs VSCode:前端圈的「豆腐脑甜咸之争」
前端·vscode·webstorm
90后的晨仔8 小时前
零基础快速搭建 Vue 3 开发环境(附官方推荐方法)
前端·vue.js
洛_尘8 小时前
Java EE进阶2:前端 HTML+CSS+JavaScript
java·前端·java-ee
孤独的根号_8 小时前
Vite背后的技术原理🚀:为什么选择Vite作为你的前端构建工具💥
前端·vue.js·vite