element select 选取多条信息

最新推荐文章于 2024-08-26 11:08:18 发布

狗狗狗狗亮

最新推荐文章于 2024-08-26 11:08:18 发布

阅读量393

点赞数

CC 4.0 BY-SA版权

分类专栏：个人笔记 vue

本文链接：https://blog.youkuaiyun.com/weixin_44046951/article/details/99977585

个人笔记同时被 2 个专栏收录

32 篇文章

订阅专栏

vue

29 篇文章

订阅专栏

本文介绍了一种在Element UI的Select组件中，通过绑定change事件并利用数组的find方法，来实现同时获取被选项目ID和名称的有效策略。这种方法避免了仅能获取单一字符串类型的限制，提升了开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

绑定的change事件只能获取到一个string类型，又要id，又要name的时候可以采用这种方法。
<el-select v-model="value" placeholder="请选择项目" @change="selectItem(value)" >
<el-option
v-for="item in options"
:key="item.id"
:label="item.name"
:value="item.code >
</el-option>
</el-select>

methods: {
getList () {
getItem().then(res => { //获取你要的选项信息
this.options = res.data
})
},
selectItem (val) {
let obj = {}
obj = this.options.find((item) => {
return item.code === val //通过数组的find方法找到原数组中符合条件的元素
})
this.$emit(‘xxx’, obj)
}
},