在使用el-select时候想拿到value值和label 或者对象中的其他值

最新推荐文章于 2022-11-21 11:15:00 发布

w宇宙王

最新推荐文章于 2022-11-21 11:15:00 发布

阅读量87

点赞数

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

本文链接：https://blog.csdn.net/m0_52244931/article/details/127103212

版权

vue 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

26 篇文章 1 订阅

订阅专栏

      <template slot-scope="scope">
            <el-select v-model="formInline.gender" @change="selectChanged" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                @click.native="clickNative(item)"
              >
              </el-option>
            </el-select>
          </template>
    export default {
          data() {
            return {
                       options: [
					        {
					          value: "选项1",
					          label: "四川话",
					          url:'11',
					        },
					        {
					          value: "选项2",
					          label: "北京话",
					          url:'22',
					        },
					        {
					          value: "选项3",
					          label: "天津话",
					          url:'33',
					        },
					      ], 
                   }
         }，
         methods：{
              //select方言选择 
			    selectChanged(value){
			      // 播放对应音频
			        console.log(value); // value
			    },
			    clickNative(item){
			       console.log(item);   // value label url
			    },
         }
     }