element Select 选择器多选时获取对应的code和name

最新推荐文章于 2024-09-22 23:53:06 发布

左眼皮一直跳

最新推荐文章于 2024-09-22 23:53:06 发布

阅读量2.2k

点赞数

分类专栏：前端文章标签： vue js

本文链接：https://blog.csdn.net/supperi/article/details/109643477

版权

本文介绍如何在Vue项目中使用Element UI的Select组件实现多选功能，并在选择时获取对应的code和name。通过绑定change事件触发自定义方法cityChooseData，利用循环数据cityOptions来处理选择项。

摘要由CSDN通过智能技术生成

2、element Select 选择器多选时获取对应的code和name

2.1、在页面中使用el-select，此处是多选。道理都一样

<el-select
                    @change="cityChooseData"
                    size="small"
                    v-model="cityLimitData"
                    multiple
                    placeholder="请选择城市，可多选">
                    <el-option
                      v-for="item in cityOptions"
                      :key="item.code"