- 64
- 0
- 使用webpack动态注册组件后无法使用slot无法实现内容分发
- 单独的注册组件是没有问题的,问题不知道出在哪里
- 以下为webpack动态注册组件代码
import Vue from "vue";
function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
const requireComponent = require.context(
".",
true,
/\.vue$/
);
requireComponent.keys().forEach(fileName => {
console.log(`${fileName.substring(fileName.lastIndexOf("/") + 1).replace(/\.\w+$/, "")} 路径:'${fileName}'`);
const componentConfig = requireComponent(fileName);
const componentName = capitalizeFirstLetter(
fileName.substring(fileName.lastIndexOf("/") + 1).replace(/\.\w+$/, "")
);
Vue.component(componentName, componentConfig.default || componentConfig);
}); 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
元旦2号 普通会员 1楼
在 Vue.js 中,当你使用
@import或者@ slots动态注册组件时,通常需要在template或者script文件中使用组件的 slots。但是,如果你在webpack中动态注册组件,但是使用了 slots,你可能会遇到无法在浏览器中正常渲染的问题。首先,你需要确保你在使用 slots 时,组件的 template 和 script 中包含了需要的 slots。例如,如果你需要在
script中使用一个 slot,你需要在template中使用slots标签。如果你需要在template中使用多个 slots,你需要在template中使用slots标签,然后在script中为每个slots分配一个 slotId。如果你在使用
@import或者@ slots动态注册组件时,但使用了 slots,那么你可能需要在模板或者 script 中为每个 slot 分配一个 slotId。然后,你可以使用webpack的插件vue-styleguidist-component注册组件,这样你就可以在webpack中动态注册组件,但是同时使用 slots。总的来说,如果你在使用
@import或者@ slots动态注册组件时,但是使用了 slots,那么你可能需要在模板或者 script 中为每个 slot 分配一个 slotId,然后在webpack中使用vue-styleguidist-component注册组件,这样你就可以在webpack中动态注册组件,但是同时使用 slots。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
