项目场景:
项目需求,采用ant design tree树形列表,第一次电机展开正常,二次点击后,展开按钮没了,无论怎么清空变量都没用,网上没有搜到对应解决方法。
问题描述:
ant design tree树形列表,第一次展开正常,二次点击后,展开按钮没了
这是初次点开
第二次点开,01前面的图标没了,这个节点就无法展开
原因分析:
猜测与组件渲染有关
解决方案:
强行重新渲染a-tree组件
// An highlighted block
<a-tree
selectable
:key="treeKey" //每次渲染时更新key
:loadData="onLoadData"
:treeData="treeData"
:replaceFields="replaceFields"
@select="onSelect"
/>
//每次打开组件时
initOrg(record) {
this.isOrgShow = true;
this.treeKey+=1;
}
完美解决!
以下是参考网址,我选择的第三种方式,且成功
参考的网址