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

javascript - vue2具名插槽失败?

潘宝
2023-08-30

下面的部分代码
subsidy-rules组件

 <el-form-item class="m-t-25">            <slot name="butt"></slot>          </el-form-item>

b组件

 <subsidy-rules >      <template v-slot:butt>        <el-button          type="primary"        >          修改        </el-button>      </template>    </subsidy-rules>

为什么页面中无法展示出插槽的内容?

共有1个答案

莫宝
2023-08-30

解决了,原来是我自己把页面弄混了

 类似资料:
  • 本文向大家介绍vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】,包括了vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考,具体如下: 单个插槽 除非子组件模板包含至少一个 <slot> 插口,否则父组件的内容将会被丢弃。当子组件模板只有一个没有属性的插槽时,父

  • vue: "3.3.4" pug: "3.0.2" 只有具名插槽报错,默认的正常 ToolBar 报错: 网上能找到的方法都试了,没用。如下: 还有一个不知道怎么用:

  • 在视图模板中可以通过 slot 声明一个插槽的位置,其位置的内容可以由外层组件定义。 var Panel = san.defineComponent({ template: '<div>' + ' <div on-click="toggle">title</div>' + ' <p style="{{fold | yesToBe(\'display:no

  • 本文向大家介绍Vue匿名插槽与作用域插槽的合并和覆盖行为,包括了Vue匿名插槽与作用域插槽的合并和覆盖行为的使用技巧和注意事项,需要的朋友参考一下 Vue 测试版本:Vue.js v2.5.13 Vue 文档: <slot> 元素可以用一个特殊的特性 name 来进一步配置如何分发内容。多个插槽可以有不同的名字。具名插槽将匹配内容片段中有对应 slot 特性的元素。 仍然可以有一个匿名插槽,它是默

  • 在调用这个组件的地方 接收childer组件作为插槽,在parent中 获取不到默认插槽的属性b,不知道为什么

  • 为什么return没用 我改成这样是可以的 // 旧文件确认