首页 > 技术分享 > Vue
收藏

Vue插槽slot使用方法

11/29 22:32
大潇博客 原创文章,转载请标明出处

定义插槽

<slot></slot>

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


具名插槽

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

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

使用方法

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


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


未完待补充..


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311