elementui table表格使用自定义组件首次不创建问题?

具体情况是这样的:点击一个按钮出现弹框,弹框中是一个组件A,组件A中有一个table,某一列的内容是自定义的组件B,如果首次登陆进去或者刷新页面,弹框中的table里面的组件B没有注册,这时候我点击关闭弹窗再次打开,组件B正常显示,求大佬指点这是什么情况,应该如何解决?

  1. 弹框和组件A
    <el-dialog
      title="分析表"
      :visible.sync="analysisDialog.visible"
      width="70%"
      :close-on-click-modal="false"
    >
      <v-acareco-analysis
        v-if="analysisDialog.visible"
        :basicData="analysisDialog.analysisData"
        :agyAcb="query.agyAcb"
        :myFlag="analysisDialog.visible"
      >

      </v-acareco-analysis>
    </el-dialog>
  1. 组件B
<template>
  <div>
 <el-table
    :data="testData"
    style="width: 100%">
    <el-table-column
      label="日期"
      width="180">
      <template slot-scope="scope">
        <div>
          {{ scope.row.km }}
          </div>
      </template>
    </el-table-column>

    <el-table-column
      label="姓名"
      width="580">
      <template slot-scope="scope">
        <div>
          <v-tree-input></v-tree-input>
        </div>
      </template>
    </el-table-column>

  </el-table>
  </div>
</template>
<script>
  export default {
    data(){
      return {
        testData: [{
          km: '科目',
          fx: '方向1',
          flje: '233.90',
          cytjx: '差异调节项',
          tjje: '89.67',
          cy: '34'
        }],
      }
    }
  }
</script>

其中v-tree-input是注册的全局组件,其他页面使用无误,因为是测试,所以未绑定数据。

阅读 2k
1 个回答

试试require.ensure,先确保引入了B后再弹窗,是不是可以

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题