单个 Slot
在子组件内使用特殊的<slot>元素就可以为这个子组件添加一个 slot (插槽),在父组件模板里,插入在子组件标签内的所有内容将替代子组件的<slot>标签及它的内容.示例代码如下:
组件a
<div id="app">
<div>
<p>分发的内容</p>
<p>更多分发的内容</p>
</div>
<slot name="b"></slot>
</div>
组件b
<div id="app">
<a>
<div slot="b">我是插槽的内</div>
//slot="b" 是对应组件a插槽所限制的内容
</a>
</div>
单个 Slot在子组件内使用特殊的 元素就可以为这个子组件添加一个 slot (插槽),在父组件模板里,插入在子组...
父组件 子组件
从官网上我们可以获知，Vue中的slot主要分为：单个插槽、具名插槽和作用域插槽三种。而其使用也较为简单，比如我们...
1. 无名插槽： 直接写需要插入的内容即可，内容将会插入到 所有 无名插槽中。 html中: 2. 具名插槽： 需...
使用方法一 使用方法二 使用方法三: createRef
点我查看使用方法 点我查看使用方法 点我查看使用方法
点我查看使用方法 点我查看使用方法 点我查看使用方法
一、初始化方法：有五种初始化方法，分别是 使用方法: 使用方法: 使用方法: 使用方法: 使用方法: 注意：这五种...
正则表达式 iOS使用方法 Android使用方法： java使用方法：
1.导入依赖 2.使用方法 model类 controller类 1.使用方法一 2.使用方法二 2.使用方法二 ...
本文标题：Vue-slot使用方法
本文链接：https://www.haomeiwen.com/subject/lrletktx.html
网友评论