https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/glass-easel/dynamic-slots.html
封装了一个组件 dev-list ,全局注册使用。
dev-list 组件内代码示例
js
Component({
options:{
// multipleSlots: true,
dynamicSlots:true
},
properties: {
},
data: {
list: [1,2,3],
},
methods: {
},
lifetimes: {
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名
attached: function () {
},
},
});
json
{
"component": true,
"usingComponents": {
},
"componentFramework": "glass-easel"
}
wxml
<block wx:for="{{ list }}" wx:key="index">
<slot list-index="{{ index }}" item="{{ item }}" />
</block>
在页面中使用这个组件代码示例
wxml
<dev-list>
<view slot:item="{{item}}">{{item}} </view>
</dev-list>
slot:item 直接在编译器中报红,并且没有任何渲染,开发工具中给出提示说,重复使用了slot,这个动态slot 本身不就是要重复使用的吗?
不是skyline模式 是不是无法使用这动态插槽
基础库 3.3 真机还是不行
+1
2024测试无效 希望官方给demo片段
只是个鸡肋功能,循环slot就不生效了,传值也传不了
2023-10-10测试,这东西只能在开发者工具的skyline模式下生效,其他场景都不能通过slot传值,开发者工具中是空值,真机预览会报错
+1,按着文档写的,在父组件中的item数据取不到。
和系统有关吗,我是mac 13,M2芯片