Fatal编程技术网
  • vue.js/
  • Vue.js VUE-仅当插槽存在时加载组件

Vue.js VUE-仅当插槽存在时加载组件

vue.js

Vue.js VUE-仅当插槽存在时加载组件,vue.js,nuxt.js,Vue.js,Nuxt.js,我只想在插槽存在的情况下将组件加载到插槽中（因为我不想浪费资源创建和安装组件） 所以我就这样做了： Test.vue <slot :load="true" name="slotNo1"/ 参考此 Vue.component（'Custom'{ 模板：` 始终显示 仅当插槽通过时显示： `, 计算：{ hasSlotData（）{ 返回此值。$slots.default； } } }); 新Vue({ el:“#根” }); 内容 这是一种反

我只想在插槽存在的情况下将组件加载到插槽中（因为我不想浪费资源创建和安装组件）

所以我就这样做了：

Test.vue

<slot :load="true" name="slotNo1"/

参考此



Vue.component（'Custom'{
模板：`
始终显示

仅当插槽通过时显示：

`,
计算：{
hasSlotData（）{
返回此值。$slots.default；
}
}
});
新Vue({
el:“#根”
});


内容

这是一种反向关系。在“父级”中，我想知道它包含的组件是否有插槽（如果有，则将组件加载到等中）。@user88831使用链接更新了答案

<template slot="slotNo1" slot-scope="{ load }"> <Test v-if="load" /> </template>