vue3+ts页面跳转出现空白页

今天在使用vue3+ts的项目中开发，开发完之后发现从开发后的这个界面跳转到其他任何页面都出现空白页面

经过测试不是因为路有错误，打印了路由发现完全正确，而且在改这个页面之前没有出现过这个问题

于是把问题定位到今天写的代码上，查看报警发现提示有空白根节点

查看代码后，发现代码中el-dialog写在了最外层，结构如下

<template>
  <div>
  	****
  </div>
  <el-dialog v-model="dialog.visible" title="操作" width="500">
  	****
  </el-dialog>
</template>

将el-dialog改入到div中，问题消除，页面可正常跳转

改文章仅记录个人问题，如有错误请指正