Element-UI的Select选择器如何获取对象,value-key属性使用

403 阅读1分钟

如何使Select选择器绑定的值为对象而不是单一的值呢?

重点是给Select加上value-key属性,并给它一个唯一标识,一般与key一致即可,然后把option传递的value改成对象,这一步不改的话是拿不到对象的

    <el-select v-model="tool" value-key="id">
       <el-option 
           v-for="item in userList"
           :key="item.id"
           :label="item.userName"
           :value="item">
       </el-option>
    </el-select>
    console.log('v-model',tool)
    tool: { name: "坤坤" ,id : "2" }

绑定值为对象类型的时候value-key是必需的

回显的时候需要把对象赋值回去