瀏覽代碼

refine: waterfall 页面离开时 clear

菲鸽 2 年之前
父節點
當前提交
959890da1e
共有 1 個文件被更改,包括 6 次插入0 次删除
  1. 6 0
      src/pages/demo/page/waterfall.vue

+ 6 - 0
src/pages/demo/page/waterfall.vue

@@ -95,6 +95,12 @@ onLoad(async () => {
   const { data } = await getData()
   list.value = data
 })
+
+const waterfall = ref()
+// 如果页面还没渲染结束,页面就跳走,但此时@changeList回调还在返回数据,可能会造成渲染出错,所以要想办法停止渲染
+onHide(() => {
+  waterfall.value.clear()
+})
 // 这点非常重要:e.name在这里返回是list1或list2,要手动将数据追加到相应列
 const changeList = (e: { name: 'list1' | 'list2'; value: any }) => {
   lists[e.name].push(e.value)