使用elementPlus树结构多次来回切换时,数据源不重新加载渲染
解决方法:
给el-treet添加key值,如下:key='treeKey'
<el-tree v-show="!ifSearch" :data="eleSider" :key="treeKey" :filter-node-method="filterNode"
:expand-on-click-node="false" node-key="code" ref="treeRef" disabled="true"
:default-expanded-keys=defaultExpandNodes :current-node-key=defaultChosenNode
:highlight-current="true" @node-click="siderChange">
<template #default="{ node, data }">
<span class="custom-tree-node">
<div class="banBox">
<span :class="data.disabled === true ? 'specialColor' : 'normalColor'">{{ node.label
}}</span>
<m-popover content="该分项没有小时、日精度数据" theme="darkTransparent" trigger="hover"
:show-arrow="false">
<div v-show="data.disabled" class="disabled" @click.stop></div>
</m-popover>
</div>
</span>
</template>
</el-tree>
后续每次渲染直接刷新该树结构的key值即可实现重新加载渲染
const treeKey = ref(null)
treeKey.value = +new Date()