微客导航 » 文章资讯 » 微信小程序 slot踩坑的解决

微信小程序 slot踩坑的解决

2023-08-25 05:08:05 157

今天在使用微信小程序component里的slot时发现，当只用一个slot并且将slot命名后，页面中调用这个slot并不会加载进来。

研究尝试后发现，如果想要使用命名的方式调用单个slot，也需要像调用多个slot的方式在component/xxx.js里开启多个slot的功能。下面看代码。

//component

哈哈哈哈哈哈哈哈



//index页面


这里是插入到组件slotname="after"中的内容


//结果，此时界面上不会载入slot

而当我把slot的name删去时，slot就能成功载入

//component

哈哈哈哈哈哈哈哈



//index页面


这里是插入到组件slotname="after"中的内容


//结果，此时界面上载入slot

或者不删去name而是在组件js中声明启用

//component.js
Component({
options:{
multipleSlots:true//在组件定义时的选项中启用多slot支持
},
properties:{/*...*/},
methods:{/*...*/}
})

//component

哈哈哈哈哈哈哈哈



//index页面


这里是插入到组件slotname="after"中的内容


//结果，此时界面上载入slot

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com