【vue】el-select 获取选中节点的对象
遇到的问题在获取el-select选中的节点数据同时,还需要获取自定义加入的一些节点属性,若采用v-model绑定的参数进行获取,仅能获取到label值,获取不到属性。解决办法在获取 el-select 选中节点的节点数据时, 需要 :value=“item” item 为对象, 那么 必须 绑定 value-key=“id”<el-select value-key="id" v-model
·
遇到的问题
在获取el-select选中的节点数据同时,还需要获取自定义加入的一些节点属性,若采用v-model绑定的参数进行获取,仅能获取到label值,获取不到属性。
解决办法
在获取 el-select 选中节点的节点数据时, 需要 :value=“item” item 为对象, 那么 必须 绑定 value-key=“id”
<el-select value-key="id" v-model="khzb"
placeholder="请选择" @change="changeTelescopic">
<el-option multiple v-for="item in dzbList" :key="item.id"
:label="item.name" :value="item"></el-option>
</el-select>
changeTelescopic(data) {
this.khzb = data;
console.log(data);
// 这里的data 是整个选中的节点数据, 包括id , name 以及其他
}
更多推荐
已为社区贡献10条内容
所有评论(0)