下拉菜单树形选择器
用于记录工作及日常学习涉及到的一些需求和问题
vue3
el-tree-select那些事
- 1、获取el-tree-select选中的任意层级的节点对象
1、获取el-tree-select选中的任意层级的节点对象
1-1数据集
1-2画面
1-3代码
1-3-1画面代码
<el-tree-selectv-model="storeSpaceId":data="storeTree":render-after-expand="false"check-strictlyshow-checkboxclass="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就是所选择的节点对象
};