Просмотр исходного кода

refine: waterfall 页面离开时 clear

菲鸽 2 лет назад
Родитель
Сommit
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()
   const { data } = await getData()
   list.value = data
   list.value = data
 })
 })
+
+const waterfall = ref()
+// 如果页面还没渲染结束,页面就跳走,但此时@changeList回调还在返回数据,可能会造成渲染出错,所以要想办法停止渲染
+onHide(() => {
+  waterfall.value.clear()
+})
 // 这点非常重要:e.name在这里返回是list1或list2,要手动将数据追加到相应列
 // 这点非常重要:e.name在这里返回是list1或list2,要手动将数据追加到相应列
 const changeList = (e: { name: 'list1' | 'list2'; value: any }) => {
 const changeList = (e: { name: 'list1' | 'list2'; value: any }) => {
   lists[e.name].push(e.value)
   lists[e.name].push(e.value)