首页 > 其他 > 详细

具名插槽的使用

时间：2019-10-12 19:57:32 阅读：101 评论：0 收藏：0 [点我收藏+]

定义插槽组件

创建一个组件

navlot.vue

书写插槽

<template>

<div class="nav">

<div class="left">

<slot name="left"></slot>

</div>

<div class="center">

<slot name="center"></slot>

</div>

<div class="right">

<slot name="right"></slot>

</div>

</div>

</template>

slot命名

使用时

引入

import navslot from ‘@/components/nav/navslot‘

components:{

navslot

},

使用

<navslot class="navs">

<div class="left" slot="left">

</div>

<div slot="center">

</div>

<div slot="right">

<van-icon name="more" size="40px" />

</div>

</navslot>

具名插槽的使用

原文：https://www.cnblogs.com/yangjingyang/p/11663332.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)

最新文章

更多>

教程昨日排行

更多>

友情链接

汇智网 PHP教程插件网

关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com

© 2014 bubuko.com 版权所有

打开技术之扣，分享程序人生！