elementUI中Select组件下拉框取值

最新推荐文章于 2024-07-23 17:35:39 发布

wx前端小白

最新推荐文章于 2024-07-23 17:35:39 发布

阅读量1.1k

点赞数

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

本文链接：https://blog.csdn.net/weixin_47055226/article/details/115252490

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

elementUI中Select组件下拉框取值,代码如下：

<el-select v-model="nativeSelect" placeholder="请选择" @change="handleNative">
            <el-option
              v-for="item in native"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>

data(){
  return{
      nativeSelect: "",
       native: [
        {
          value: "选项1",
          label: "马绍尔群岛",
        },
        {
          value: "选项2",
          label: "马绍尔群岛",
        },
      ],
  }
}

handleNative(val){
		      let obj = {};//定义对象集合
		      obj = this.native.find(item => {
		     	  //  console.log(item)
              return item.value === val; //筛选出匹配数据 返回对象
              
		      });
          this.nativeSelect = obj.label
           console.log(this.nativeSelect); //n
    },