el-tree-select那些事

news/2024/10/21 3:15:02/

下拉菜单树形选择器
用于记录工作及日常学习涉及到的一些需求和问题
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就是所选择的节点对象
};

http://www.ppmy.cn/news/1026246.html

相关文章

Python 11道字典练习题

前言 大家早好、午好、晚好吖 ❤ ~欢迎光临本文章 有字典 dic {“k1”: “v1”, “k2”: “v2”, “k3”: “v3”}&#xff0c;实现以下功能&#xff1a; 1、遍历字典 dic 中所有的key 参考答案&#xff1a; dic {k1: v1,k2:v2,k3:v3}for k in dic.keys():print(k)2、遍历…

dji uav建图导航系列(二)导航

文章目录 1、导航节点launch文件1.1、节点参数1.2、模拟器节点1.3、无人机雷达-底盘节点1.4、地图服务器节点1.5、AMCL节点1.6、move_base节点1.7、rviz可视化节点2、导航测试2.1、导航实测2.2、动态参数配置 rqt_reconfigure1、导航节点launch文件 导航节点启动文件 uav_navi…

Spring Boot 统一功能处理(拦截器实现用户登录权限的统一校验、统一异常返回、统一数据格式返回)

目录 1. 用户登录权限校验 1.1 最初用户登录权限效验 1.2 Spring AOP 用户统⼀登录验证 1.3 Spring 拦截器 &#xff08;1&#xff09;创建自定义拦截器 &#xff08;2&#xff09;将自定义拦截器添加到系统配置中&#xff0c;并设置拦截的规则 1.4 练习&#xff1a;登录…

查询树形目录(内存遍历成树返回)

实体 Data TableName("dtp_sm_servicetype") ApiModel(value "SmServicetype对象", description "服务类型") EqualsAndHashCode(callSuper true) public class SmServicetype extends BaseEntity {ApiModelProperty("服务类型名称&quo…

form中表单切换,导致 relus 中的事件无法触发,原因:页面切换不要一直切换DOM,会导致问题,需要都显示出来

修改前&#xff0c;因为重复渲染DOM导致绑定rules失效 修改前代码使用 computed 计算出渲染的DOM&#xff0c;影响rules事件<el-formref"form"inline:model"billDetailCopy":rules"rules"size"small"label-position"right&quo…

25+ Python 数据操作教程(第十一节PYTHON 中的字符串函数及示例)

常用字符串函数列表 下表显示了许多常见的字符串函数及其说明及其在 MS Excel 中的等效函数。我们在工作场所都使用MS Excel,并且熟悉MS Excel中使用的功能。MS EXCEL和Python中字符串函数的比较可以帮助你快速学习函数并在面试前做好准备。 功能描述MS Excel 函数字符串[:N]从…

不动产单元设定与代码编制规则

地籍&#xff1a; 记载土地的权属、位置、数量、质量、价值、利用等基本状况的图薄册及数据。 海籍&#xff1a; 记载各项目用海的位置、界址、权属、面积、类型、用途、用海方式、使用期限、海域等级、海域使用金征收标准等基本情况的薄册和图件。 地籍区&#xff1a; 在…

c++11 标准模板(STL)(std::basic_fstream)(五)

定义于头文件 <fstream> template< class CharT, class Traits std::char_traits<CharT> > class basic_fstream : public std::basic_iostream<CharT, Traits> 类模板 basic_fstream 实现基于文件的流上的高层输入/输出。它将 std::basic_i…