Vue

Vue插槽slot使用方法

11-29 22:32

定义插槽

<slot></slot>

用法:在组件中间写的东西会传递给插槽,比如:<组件>插槽内容</组件>
定义插槽时,slot必须放在html标签内,不能直接在template中使用


具名插槽

给每个不同的插槽取名字,比如

<slot name="插槽名"></slot>

使用方法

<组件 v-solt:"插槽名"></组件>


注意:不建议在组件标签上直接写style样式,会打破组件于组件之间的关系(可以手动禁止)


未完待补充..


微信小程序
大潇博客 版权所有 Copyright ©2016~2025
京ICP备17004217号-6  合作QQ:284710375
天玺科技