问题标签 [vuejs-slots]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - Vue：将数据从子级切换到父级的按钮
我有一个包含许多容器的父组件。每个容器都有一个图像和一些按钮。
我已经过度简化了下面的父子组件。单击子组件中的按钮时，我想在父容器中的元素上切换类。我想单独影响每个图像，而不是全局。我该怎么做呢？
家长：
孩子：
vue.js - 如何防止重复调用创建的钩子？
所以我的vue3项目有问题。要点：我需要为某些用例支持不同的布局：授权、用户配置文件的布局、组的布局等。我通过这种方式得到了机会：
- 创建
AppLayout.vue用于管理布局的组件
- 所以我
App.vue开始看起来如此
- 为了呈现特定的布局，我添加了路由器的
index.js特殊标签meta
- 现在我可以创建一些布局。例如，我制作
ProfileLayout.vue了一些嵌套组件：页眉和页脚。我使用插槽来呈现动态页面内容。
因此，当我键入 URL http://example.com/profile时，我会看到基于 ProfileLayout 的 Profile 页面的内容。这里的问题是：Profile page 调用 hooks 两次。
我放入console.log()created() 钩子，我看到以下内容
这是问题，因为我在钩子中有一些请求，它们也执行了两次。我是vuejs的新手，对vue如何渲染组件不是很了解。我建议在代码内部调用重新渲染并再次创建配置文件页面。如何预防？
javascript - 无法循环通过 Vue 3 中的 $slots 对象将所有插槽从父级传递给子级
我无法遍历 Vue 3 中的 $slots 对象以将所有插槽从父级传递给子级，$slots 对象在子组件中似乎为空。
如何遍历 $slots 对象以将所有父插槽传递给子组件？
运行代码时出现此错误：TypeError: Cannot read properties of null (reading 'key')
这是一个关于我的问题的沙箱，您可以取消注释第 5 行以查看完整结果： https ://codesandbox.io/s/blazing-bush-g7c9h?file=/src/pages/Index.vue
GitHub 示例： https ://github.com/firibz/vue3slots
家长：
孩子：