uniapp 瀑布流组件
时间: 2023-09-03 11:10:22 浏览: 127
关于uniapp瀑布流组件的使用,根据引用内容,可以了解到以下几点:
1. 父组件中的下拉刷新函数(onPullDownRefresh)可以通过调用this.$refs.myWaterfallFlow.clear()方法来清空瀑布流组件中的列表数据。这个方法在列表被置为空时是必须调用的。如果场景是强制渲染,可以使用this.$refs.myWaterfallFlow.update()方法进行更新,例如排序操作。提供了一个瀑布流组件的代码示例,并且在仓库中有两种实现方式。你可以通过访问仓库来查看详细代码。
3. 引用中提到,在父组件中将list数据写死在data中是不会渲染瀑布流组件的。因为组件内部是通过watch监听list的更新来进行渲染的。所以需要确保list数据在父组件中有更新才能正常渲染瀑布流列表。
综上所述,在uniapp中使用瀑布流组件时,需要注意在下拉刷新等场景下使用this.$refs.myWaterfallFlow.clear()方法清空列表数据,同时确保list数据在父组件中有更新才能正常渲染瀑布流列表。你可以参考仓库中提供的代码示例来进行具体实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [手把手写一个uniapp小程序瀑布流组件](https://blog.csdn.net/searchtext/article/details/124986209)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文