el-tabs怎么动态加载组件

el-tabs怎么动态加载组件？现在我是这么写的，但是初次进入页面还是觉得有点卡顿。有没有方式可以优化一下？

import DraftNewList from '@/views/modules/internal-control-management/headquarters-internal-control-inspection/draft-new/draft-new-list'
import CheckWorkingPaperList from '@/views/modules/internal-control-management/headquarters-internal-control-inspection/check-working-paper/check-working-paper-list'
import CheckDefectsSummaryList from '@/views/modules/internal-control-management/headquarters-internal-control-inspection/check-defects-summary/check-defects-summary-list'

export default {
  name: 'headquarters-internal-control-inspection',
  components: { CheckDefectsSummaryList, CheckWorkingPaperList, DraftNewList },
  data() {
    return {
      activeName: 'DraftNewList'
    }
  },
  methods: {
    tabClick() {
      this.$nextTick(() => {
        this.$refs[this.activeName].loadData()
      })
    }
  }
}

el-tab-pane 有个lazy属性，你加一下试试

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7494040
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：el-tabs 标签页判断是否拦截切换，el-tabs页面切换拦截失败