用ElementPlus开发el-tab结合router-view调用组件时需要注意多次渲染的问题-修改代码及渲染次数

router-view扔出去

<el-tabs v-model="activeTab" type="card" closable @tab-remove="removeTab">
  <el-tab-pane v-for="tab in tabs" :key="tab._id" :label="tab.title" :name="tab._id">
  </el-tab-pane>
</el-tabs>
<router-view></router-view>

在这里插入图片描述
果然干净了!

同时还解决了我另一个问题:
之前默认打开页面时要显示首页,代码写好了却一直没实现,我想是个小问题就没去管,结果刚才把router-view拿出el-tab-pane后就好了~~看来就是他自说自话把我要显示的给覆盖渲染掉了。

【vue】elementUi 里面的tabs标签页使用

上一篇:探讨Facebook的AI研究:未来社交平台的技术前瞻


下一篇:深度学习(五):语音处理领域的创新引擎(5/10)