首页 > 其他 > 详细

vue 中 v-slot

时间:2020-09-28 14:54:40      阅读:31      评论:0      收藏:0      [点我收藏+]

最近做的一个项目里面很多这个v-slot,对这个真的是不懂。(https://blog.csdn.net/weixin_34357436/article/details/91435871)

后来看了看稍微懂一点了。

  • 子组件定义name,父组件使用v-slot:name来打通父子组件。
  • 父组件必需写上template标签,格式为v-slot:name="slotProps"
  • 子组件必需写上 name,相当于一个标记,一个ID。
  • 父组件向子组件传标签,子组件向父组件传值。

父组件

<div class=‘father‘>
    <template v-slot:footer>
        <!--传标签给子组件-->
        <div>我是父元素的标签div</div>
    </template>
</div>

  

  子组件

<div class=‘child‘>
    <template name="footer">
     
    </template>
</div>

  

  

vue 中 v-slot

原文:https://www.cnblogs.com/Allisson/p/13744346.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!