浙江五联建设有限公司网站,企业微信小程序制作,wordpress 逻辑代码,房产o2o网站建设微信小程序文档 - slots介绍
由上述文档看俩来#xff0c;微信小程序官方并没有提及动态插槽内容。
uniapp文档 - slots介绍
uni官方也未提及关于动态插槽的内容
在实际使用中#xff0c;直接通过 slot :nameitem.xxx / 这种形式会报错#xff…微信小程序文档 - slots介绍
由上述文档看俩来微信小程序官方并没有提及动态插槽内容。
uniapp文档 - slots介绍
uni官方也未提及关于动态插槽的内容
在实际使用中直接通过 slot :nameitem.xxx / 这种形式会报错
网上搜了大量资料发现只能通过条件编译的方式
下面是兼容微信小程序和h5的代码
定义组件
!-- HACK: uni-app 处理动态 slot 名字不兼容需要使用不同的语法 --
!-- #ifdef H5 --
slot :nametab:${item.key}/slot
!-- #endif --
!-- #ifdef MP-WEIXIN--
slot nametab:{{item.key}}/slot
!-- #endif --
使用组件
view !-- HACK: uni-app 处理动态 slot 名字不兼容需要使用不同的语法 -- !-- #ifdef H5 -- template v-foritem in list :slottab:${item.id} post-list :keyitem.id / /template !-- #endif -- !-- #ifdef MP-WEIXIN-- template v-foritem in lits slottab:professional:{{item.id}} post-list :keyitem.id / /template !-- #endif --
/view
以上解决办法来源于资料动态插槽名问题讨论和 HACK 方案 - DCloud问答
