素材巴巴 > 程序开发 >

【antD组件】8.23_tab页初次无默认值,点击树进行不同页面渲染

程序开发 2023-09-10 15:44:58

前情提要:左面有颗左子树,点击某个树元素后,进行tab页的更改,渲染不同的内容,未点击左子树tab没有默认值

在这里插入图片描述
不点击树tab无值
在这里插入图片描述
点击之后显示初始A在这里插入图片描述
可以切换tab,切换到B,之后切换树则从B开始


 

同时在data中定义了 lockKey=‘1’,作为初次点击树的值,赋值给activeKey,在树的点击方法onSelect() 中进行逻辑处理,并且在tab切换的方法callback()中进行定义lockKey

callback(key){
 this.lockKey=key
 },
 onSelect(){
 this.activeKey=this.lockKey
 }
 

通过以上的方法,当我们初次点击tree则activeKey=lockKey=初始值1;
通过点击切换tab,lockKey在标记当前key,赋值给activeKey


标签:

上一篇: Angular 2的基本构建块 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。