一、实现步骤
2. 填充数据模型相关测试数据。
3. 在微搭编辑中使用布局组件。
5. 在布局组件-布局内容添加数据列表组件,并设置筛选条件。
注意:说明:
注意:
6. $w.page.dataset.state.currentType 解析如下。
$w.page.dataset.state.currentType=='0' //选择全部?['啤酒','洋酒','白酒']:[$w.page.dataset.state.currentType == '1' ? '啤酒' : '',$w.page.dataset.state.currentType == '2' ? '洋酒' : '',$w.page.dataset.state.currentType == '3' ? '白酒' : '']
7. 设置顶部选项卡组件切换事件,并设置变量赋值,将变量 currentType 的值设置为当前选项卡的标签值。
8. 顶部选项卡数据切换效果展示。