当前位置: 首页 > 知识库问答 >
问题:

javascript - 想用Vue写一个页面组件,可以插入多个子模块,数量不定。 请问怎么写?

公羊宇定
2023-11-15

image.png
请问怎么插入不指定数量的模块?

<page>

<Page>  <template #module1>  </template>  <template #module2>  </template>  ...</Page>

共有3个答案

晁砚
2023-11-15

既然你想通过插槽进行替换,那就需要确定插槽的位置
一个萝卜一个坑,固定好页面的整体结构,作为整体向外暴露。

孟新知
2023-11-15

https://play.vuejs.org/#eNqVU8tu2zAQ/JUFe7AUCNQht0A10BY5tIcma...

鲜于光辉
2023-11-15
<template>  <div>    <slot></slot>  </div></template><script>export default {  name: 'DynamicModule',}</script>
 类似资料:
  • 本文向大家介绍vue-cli3插件有写过吗?怎么写一个代码生成插件?相关面试题,主要包含被问及vue-cli3插件有写过吗?怎么写一个代码生成插件?时的应答技巧和注意事项,需要的朋友参考一下 MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { // 逻辑...

  • 本文向大家介绍vue自定义事件中父组件怎么接收子组件的多个参数?相关面试题,主要包含被问及vue自定义事件中父组件怎么接收子组件的多个参数?时的应答技巧和注意事项,需要的朋友参考一下 https://www.cnblogs.com/lalalagq/p/9901139.html

  • 本文向大家介绍写一个Vue Popup组件,包括了写一个Vue Popup组件的使用技巧和注意事项,需要的朋友参考一下 组件长这样 主要有标题、内容、按钮个数、按钮颜色、按钮文案这些可配置项 期望的调用方式一 不需要等待用户二次确认 期望的调用方式二 需要等待用户二次确认 模板长这样 common/components/modal/modal.vue 这里用 transition 来包裹动画,填好

  • 我的项目在Java1.8u151中运行良好。我正在尝试将它升级到Java12,但是我得到了以下错误。 这是唯一的错误,在Java12中的大多数包中都会重复出现,但在Java8中效果良好。 我已尝试将所有jar文件从模块路径移动到类路径。模块路径中只有Java 12库。我在Java版本的软件包中寻找任何不推荐的东西。我用不同的Java版本尝试了3种不同的系统(都运行OS-X10.13.6、10.13

  • 问题内容: 在包裹的文档中,它指出存在一种方法 但是没有办法 还存在: 因此,其他原始类型也可以使用类似的模式。 有人可以解释为什么吗? 问题答案: 上面有一个打开的错误报告: http://code.google.com/p/android/issues/detail?id=5973 显然其他人也同意您的评估(我也同意)。

  • 请问一下有什么思路这样做到? 比如: 我有一个组件A(内有状态), 然后在我的一个容器面板中,我想要自由增加/删除组件A(也就是可以有多个组件A) 这里我有一点疑惑,每个组件都有名称一样的状态,我怎么做区分呢?特别是如果要结合zustand去保存状态,那么这里就重复了状态名。