elementPlus树结构切换渲染不生效

使用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()
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容