具体情况是这样的:点击一个按钮出现弹框,弹框中是一个组件A,组件A中有一个table,某一列的内容是自定义的组件B,如果首次登陆进去或者刷新页面,弹框中的table里面的组件B没有注册,这时候我点击关闭弹窗再次打开,组件B正常显示,求大佬指点这是什么情况,应该如何解决?
- 弹框和组件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>
- 组件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是注册的全局组件,其他页面使用无误,因为是测试,所以未绑定数据。
试试require.ensure,先确保引入了B后再弹窗,是不是可以