一、单选模式下选择任意节点在单选模式下，只能选择叶子节点，是因为父子节点存在关联。官方文档中写道：“可通过 props.checkStrictly = true 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。”使用示例： <el-cascader :props="{ checkStrictly: true }" :options="options"
转载
2024-03-19 12:33:56
0阅读
Form 表单参数说明：formColumn：表单数据定义例如const cascaderProps = {
value: "id",
label: "name",
children: "children",
expandTrigger: "hover",
checkStrictly: true,
emitPath: false
}
[
{
template: <a-tree v-if="treeData.length" :checkable="true" v-model="checkedSiteId" :checkStrictly="true" :tree-data="tree
原创
2022-10-28 09:03:16
1536阅读
点赞
效果图使用代码<template>
<div id="app">
<tree-select ref="treeSelect" :list="list" :multiple="true" :clearable="true" :checkStrictly="true" width="120px" v-model="array"></tree-sel
转载
2024-06-21 08:22:29
82阅读
需求背景实现一个菜单权限控制，功能分解：后端返回完整菜单列表、该角色的菜单列表。前端递归该角色菜单列表，将所有菜单节点平铺，获得一个平铺的菜单节点id列表。使用Antd Vue Tree 渲染完整菜单列表(treeData)，选中的则为平铺的菜单节点id列表(checkedKeys)
问题Antd Vue Tree这个组件，使用关联状态(checkStrictly = true)，这个组件的机制是
转载
2024-03-22 06:02:21
378阅读
实现效果注意tree原生是，如果子集只选中了一个，父级是方块样式选中，而不是对号方式选中。最终获取的checkedKeys列表中是不会包含方块选中的父级id的，但是这对后端数据授权处理是不友好的。那么怎么然传到后端的checkedKeys包含上面所说的父级id呢。我想出了两个方案：1.就是tree是关联状态，即:checkStrictly="false"（tree默认就是这个可以不写），有关联时候
转载
2024-04-18 15:58:27
570阅读
问题（耗时我一天多）：编辑时回显数据。两种情况：emitPath分别为false和True。同时，checkStrictly始终为true（即允许选中的是中间层节点）。一个是省市数据：省市数据采取emitPath为True。一个是部门数据：部门数据采取emitPath为False。后端处理：针对省市数据，后端返回省市列表。形如["北京市","东城区"]。注意，是列表针对部门数据，后端只返回一个部门
转载
2024-09-07 17:39:27
49阅读
在使用 elementUI 的 el-cascader 级联选择框进行省市联动效果时，有这么一个需求：该级联选择框一共有三级结构分别为国家-省份-城市，国家和省份为必选项，城市为可选项。具体实现如下：el-cascader 设置最后一级可选可通过 props.checkStrictly = true 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的通过为第一级选项内容设置 disable
转载
2024-09-29 11:42:13
71阅读
