vue select change事件

与国那岛
  • 98

<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
回复
阅读 25k
3 个回答

val参数没有输入

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

cythia_y
  • 18

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

(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);
      });
    }
  }
宣传栏