Vue+Element+Select获取选中的对象

 

    为大家推荐好听的歌

 

案例演示：获取select当前选中的所有内容

 

 

<el-select v-model="value8" filterable placeholder="请选择" value-key="id" @change="currentSel">
   <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item"></el-option>
</el-select>

 

      options: [
        {
          value: "选项1",
          id: 1,
          code: "xuanxiang1",
          label: "黄金糕"
        },
        {
          code: "xuanxiang2",
          id: 2,
          value: "选项2",
          label: "双皮奶"
        },
        {
          id: 3,
          value: "选项3",
          code: "xuanxiang3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          id: 4,
          code: "xuanxiang4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭",
          id: 5,
          code: "xuanxiang5"
        }
      ],

 

currentSel(selVal) {
      this.code = selVal.code;
      this.name = selVal.label;
      console.log("选择的name为：" + this.name, "选择的code为:" + this.code);
      console.log(selVal);
    },

 

若有不明白请加群号：复制 659182980 ，也可扫码，希望能帮助到大家。