slot

Posted xiaoliziaaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了slot相关的知识,希望对你有一定的参考价值。

props: 父组件通过props向子组件传递数据
插槽:父组件通过插槽向子组件传递html节点内容。子组件子需要在HTML中定义<slot></slot>插槽标签即可
达到的效果是:实现父组件向子组件动态传入HTML节点内容

具名插槽


特点:<slot></slot>标签只会出现在子组件中
<slot></slot>标签有name属性,定义了name就表示这是一个具名插槽
一个不带 name 的 <slot> 出口会带有隐含的名字“default”。
v-slot 注意 v-slot 只能添加在 父组件的<template> 或者组件上,出现在HTML元素标签上立即报错

技术图片

 

 

技术图片

 

以上是关于slot的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-slot插槽

微信小程序-slot插槽

Vue基础知识-高级特性使用