javascript - Vue动态组件渲染两次

标签 javascript vue.js vuejs2 vue-dynamic-components

我正在仪表板父项内渲染动态组件。如果有一个组件,它就会呈现。如果没有,那么……那就没有。问题是我现在唯一的动态组件被渲染了两次。

我尝试过有条件渲染等,但没有任何效果。

我将在这里发布一些代码,但我正在开发沙箱,所以也许这样更好。

没有控制台错误,只有几个警告。 有什么想法吗?

最佳答案

https://codesandbox.io/s/01m594v78l

您有两个 <slot></slot>标签 DashboardItem.vue 。删除一个;)

关于javascript - Vue动态组件渲染两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54039292/

相关文章:

vue.js - 如何在 Nuxt.js 的嵌套路由中创建可选参数?

javascript - Vue 扩展一个具有导入的类

javascript - 如何在 Vuejs 中过滤异步计算数据

javascript - 编辑时更新输入的绑定(bind)值

javascript - CSS 未被另一个函数调用的函数使用

javascript - 使用旧数据重新创建图表

vue.js - 不论vuetify中的文字如何,如何使卡中的底部按钮对齐?

Javascript向当前代码添加功能

javascript - Vue.js 无法检查用户是否已登录计算属性

css - VueJs - 包含常量和动态值的类