题目描述
微信小程序的swiper组件中的swiper-item标签里使用了slot,但是现在slot的内容不显示,不知道什么原因,也有百度到swiper中不让嵌套其他,但是这个其他包不包括slot我也不清楚,文档上我也没有找到相关的描述
题目来源及自己的思路
做一个tab切换的功能,content部分用swiper组件来实现,单个页面已经可以实现。现在我想把这部分抽离出来做成一个可复用的组件,那就意味着内容是动态的,我的想法是用slot来实现,但是最后的效果一直都不对
相关代码
调用组件的页面:
我是slot
tab组件的代码:
{{item.text}}
这样写之后在console查看代码结构如下:
slot的内容没有插入到swiper-item中,然后我又给slot加了name,最后的结果如下:
问题一:swiper中slot能不能使用(文档中哪里有体现)
问题二:swiper中如果不能使用slot,那有什么办法可以实现动态内容部分
其实我之前还尝试了另一个办法,就是swiper不写在tab组件内写在调用tab的页面里,但是因为有联动效果(滑动内容,tab菜单动态切换;点击tab菜单,内容滑动变化)导致传值是个问题,因为小程序没有监听data变化的函数(比如watch),所以一旦我滑动内容部分,传给tab组件的值的变化我是监听不到的。如果根据这个思路,大家有解决的办法,也可以留言~3Q~