vue select change事件

Question

<el-form-item label="姓名" prop="dwConID">

          <el-select v-model.number="personSingle.dwConID" filterable :filter-method="remoteMethod" @change="chose">
            <el-option v-for="item in contactSelect" :key="item.dwConID" :label="item.szTrueName" :value="item.dwConID">
            </el-option>
          </el-select>   
        </el-form-item>
        
        
chose(val){
     console.log(val.label,val)
},
我想获取item.label,打印出来是undefined

Answer 1

val参数没有输入

Answer 2

label：分组的组名，你分组了吗？
-- val 就是dwConID， dwConID下面没有label，怎么取得到值。

Answer 3

今天自己也遇到了这个问题，就顺便来回答一下

（1）把@change="chose"改为@change="chose(personSingle.dwConID)"应该就行了吧

（2）或者在实例中写一个watch

// 但是要把el-select的值重新绑定，例如：
<el-select v-model.number="dwConID" ...> ...

// 附watch
watch: {
    dwConID: function(val) {
      this.$nextTick(function() {
         console.log(val);
      });
    }
  }