异步调用 watch scrollBehavior

293 阅读1分钟

异步数据处理时的一个问题

起因:今天 在这段JS中出问题了 怎么说呢 list里的数据是从vuex中取出来的 vuex里的数据是异步获取的 页面刷新取id,而此时list里面是没有id的 所以第一次item.id === route.params.id判断时是undefined

image.png

image.png

image.png

教训:异步获取的数据进行js之前必须先判断 不符合的条件就直接return 最后return结果的时 也要进行判断 不要简写

watch记得立即调用

image.png

路由跳转后让页面回到顶部

  • 每次切换路由的时候滚动到顶部 src/router/index.js
const router = createRouter({
  history: createWebHashHistory(),
  routes,
+  scrollBehavior () {
+    return { left: 0, top: 0 }
+  }
})