vue-antd a-tree默认展开第一个子节点

vue-antd a-tree默认展开第一个子节点百度上找了很多都没找到想要的，最后在官网上找到了，和大家分享一下主要是这个参数defaultExpandedKeys<a-treev-if="treeData.length>0" //先判断一下，目的是数据源中有数据了再渲染tree控件:tree-data="treeData"、、数据源:defaultExpandedKeys="[tr

zjs117118

5724人浏览 · 2021-04-12 11:32:50

zjs117118 · 2021-04-12 11:32:50 发布

vue-antd a-tree默认展开第一个子节点

百度上找了很多都没找到想要的，最后在官网上找到了，和大家分享一下

在这里插入图片描述
主要是这个参数defaultExpandedKeys

<a-tree 
	v-if="treeData.length>0" //先判断一下，目的是数据源中有数据了再渲染tree控件
	:tree-data="treeData"  //数据源
	:defaultExpandedKeys="[treeData[0].key]" //根据上图的key值绑定
	:blockNode="true"  
	showLine  
	@select="onSelect"
>
/* 这样就能默认展开第一个子节点了**/
</a-tree>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^