接口写好了吗 2023-07-17 09:32 采纳率: 77.7%
浏览 38
已结题

两个el-tree用v-if切换懒加载失效

一个页面上有两个el-tree,我根据点击的按钮不同获取不同数据,同时用v-if切换了两个el-tree。
但是一个el-tree是正常的,一个是懒加载的。
我第一次点击会加载正常的el-tree,但是当我点击第二个懒加载的按钮的时候,数据拿到了。
但是渲染出来的结构还是用的第一个tree的结构,导致第二个tree上的懒加载没有显示箭头。就只有第一层。
这种情况如何解决

  • 写回答

3条回答 默认 最新

  • ZionHH 2023-07-17 17:04
    关注

    el-tree绑定一个key,在切换lb_js时更新

    <el-button @click="handleBtn">change</el-button>
    <el-tree :key="treeKey"></el-tree>
    
    data() {
      return {
        treeKey: 0
      }
    },
    methods: {
      handleBtn () {
        this.treeKey++
      }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 7月26日
  • 已采纳回答 7月18日
  • 创建了问题 7月17日