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);

     },

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