vue使用element-ui的cascader,value和label为后台返回的值,并获取选中的value和label值
其中value指定取值id,所以handleAreaChange中获取到的是选中的id值。但控制台输出的的inputValue是有值的,取整个对象,想取什么值就取什么值,完美。value绑定了id,可以获取id值。想要同时获取到lable值。
·
<el-cascader
ref="cascaderItem"
@change="handleAreaChange"
placeholder="试试搜索:"
:options="areaOptions"
:props="{ checkStrictly: true, value: 'id', label: 'name',children: 'children'}"
v-model="positionIds"
filterable
>
</el-cascader>
其中value指定取值id,所以handleAreaChange中获取到的是选中的id值
handleAreaChange(data){
let id = data[data.length - 1] // 最后一级的id
}
value绑定了id,可以获取id值
想要同时获取到lable值
方法一:
通过ref取值;但控制台输出的的inputValue是有值的, this.$refs['cascaderItem'].inputValue
却是null
let str = this.$refs['cascaderItem'].inputValue
console.log(str,'str')
方法二:通过getCheckedNodes
取整个对象,想取什么值就取什么值,完美
handleAreaChange(data){
const obj = this.$refs['cascaderItem'].getCheckedNodes() //标签上定义的 ref值
console.log('对象',obj[0].data) // 打印出当前选择的value所对应的对象
}
更多推荐
已为社区贡献10条内容
所有评论(0)