vue3+element-plus+ts
1、获取选中的节点及其所有上级
使用cascader组件提供的getCheckedNodes()
文章来源地址https://www.toymoban.com/news/detail-575025.html
<el-cascader :options="options" :show-all-levels="false" @change="changeCascader" ref="cascader" />
const cascader = ref();
const options = [
{
value: 'fu1',
label: '父1',
type: '父type1',
children: [
{
value: 'zi1',
label: '子1',
type: '子type1',
children: [
{
value: 'sun1',
label: '孙1',
type: '孙type1',
},
{
value: 'sun2',
label: '孙2',
type: '孙type2',
},
],
},
{
value: 'zi2',
label: '子2',
type: '子type2',
},
],
},
{
value: 'fu2',
label: '父2',
type: '父type2',
},
];
const changeCascader = () => {
let nodesInfo = cascader.value.getCheckedNodes();
console.log(nodesInfo);
//赋值
form.storeId = nodesInfo[0].parent.data.value;
form.storeName = nodesInfo[0].parent.data.label;
form.spaceId = nodesInfo[0].data.value;
form.spaceName = nodesInfo[0].data.label;
};
文章来源：https://www.toymoban.com/news/detail-575025.html
到了这里，关于el-cascader级联选择器那些事的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
