element ui中select选中的值，获取对应的数据进行返回

最新推荐文章于 2024-06-14 10:11:23 发布

骨子里的偏爱

最新推荐文章于 2024-06-14 10:11:23 发布

阅读量284

点赞数

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

本文链接：https://blog.csdn.net/weixin_41823246/article/details/129489572

版权

vue 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

在ElementUI中，通过使用`find`方法从数据源`this.form.suboptions`中筛选出与`this.form.sub`匹配的项，然后将匹配项的`name`属性赋值给`this.form.subName`，从而获取并显示选中选项的标签文本。

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

element ui中select选中的值，获取对应的数据进行返回

1.代码如下：

let obj = {}
                obj = this.form.suboptions.find((item) => { // 这里的userList就是上面遍历的数据源
                    return item.dev_id === this.form.sub// 筛选出匹配数据
                })
                console.log(obj.name)// 我这边的name就是对应label的
                this.form.subName = obj.name