element-ui下拉多选怎么找到我选择了哪个

撸码一百天
  • 128

图片描述

回复
阅读 3.3k
3 个回答

这应该是你想要的

change(val){
      const length = val.length
      console.log(val[length - 1])
}
Unicorn
  • 101

这个获取到的是一个数组,应该需要自己手动找索引值吧

liuwave
  • 3
新手上路,请多包涵

可以监听change事件:

<template>
  <el-select 

 @change="valueChange" 

 v-model="value5" multiple placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

  <el-select
    v-model="value11"
    multiple
    collapse-tags
    style="margin-left: 20px;"
    placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value5: [],
        value11: []
      }
    },
     methods:{
        valueChange:function(){
            console.log(this.value5)
        }
    }
  }
</script>

结果:
clipboard.png

宣传栏