devbox
weixin_40725706
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

微信小程序之匿名插槽，具名插槽的使用_微信小程序具名插槽

作者：weixin_40725706 | 2024-06-17 12:01:53

赞

踩

微信小程序具名插槽

在这里插入图片描述

匿名插槽：插槽如果没有添加name这个属性，页面可以向插槽中传递任意内容，这个插槽就叫匿名插槽

在这里插入图片描述
页面使用匿名插槽可以指定插槽内为任意内容
在这里插入图片描述

具名插槽：给slot标签添加上name属性来指定名称

在这里插入图片描述
通过slot属性来指定name的名字，找到对应的插槽
在这里插入图片描述
最终显示效果如下图：
在这里插入图片描述
注意：想要在页面中使用多个插槽，必须要在组件中添加一个options:{multipleSlots:true}
在这里插入图片描述

微信小程序的插槽使用方法基本和vue使用是一样的

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/731112
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。