下拉菜单树形选择器
用于记录工作及日常学习涉及到的一些需求和问题
vue3
el-tree-select那些事
- 1、获取el-tree-select选中的任意层级的节点对象
1、获取el-tree-select选中的任意层级的节点对象
1-1数据集
1-2画面
1-3代码
1-3-1画面代码
<el-tree-select
v-model="storeSpaceId"
:data="storeTree"
:render-after-expand="false"
check-strictly
show-checkbox
class="w100"
placeholder="请选择仓库/库区"
ref="treeRef"
@check-change="getCheckedNodes"
>
</el-tree-select>
1-3-2变量相关代码
const treeRef = ref();
const storeSpaceId = ref();
const storeTree = ref<any[]>([]); //仓库-库区树
1-3-3选择节点事件代码
//树形选择,获取
const getCheckedNodes = () => {
const checkedNodes = treeRef.value!.getCheckedNodes(false, false);
// checkedNodes就是所选择的节点对象
};