el-select中获取value和label值

Vue中el-select中获取value和label值。

el-option中加上@click.native方法。

<el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      @click.native="selected(item.label, item.value)"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>


methods:{
  selected(label,value){
    console.log(label); // label值
    console.log(value); // value值
  },
}

你可能感兴趣的:(vue,vue.js,javascript,前端)