首页 > 解决方案 > 在 VueJS3 中观看路由会导致错误

问题描述

我的 VueJS3 组件中有这段代码:

watch(route, () => {
  loadData();
  findFilter();
});

loadData调用API加载数据,它工作正常。我放置了这个观察器,以便当用户使用另一个路由调用相同的组件时,数据会重新加载。确实:我有过滤器,我的网址是这样的:example.com/thepage/optionalFilter. optionalFilter是可选的,我什至可以没有过滤器。如果我不使用这个观察器,组件不会重新加载新过滤器对应的数据。但是当我使用这个观察器时,我在开发模式下的控制台中有一个警告:

Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead

在生产模式下,我第一次在控制台中出现错误,然后如果我刷新一切正常:

exception { name: "NS_ERROR_NOT_IMPLEMENTED"...

我认为我的问题来自于我看得很差的路线。我是吗?

顺便说一句,我尝试key在我的 中使用router-view,但它调用了onMounted块内的每个函数。

标签: vue.jsvuejs3

解决方案


推荐阅读