首页 文章

如何停止在vue路由器中重新加载组件？

提问于
浏览 次
0

我试着在上面找到一些文章，却找不到任何文章 .

我正在使用vue路由器并通过axios在创建的钩子中加载数据 . 问题是，每次用户访问下一条路线并回来时，我都不想调用创建的钩子 . 因此，当用户单击回来时，当前创建的钩子会运行，从数据库重新加载数据 . 我想要的是阻止重新呈现数据和使用已加载的先前组件 .

谢谢 .

vuejs2 vue-router

1 回答

  • 1

    你可以创建变量，例如initialState用于维护数据，如果为空则查询数据库，否则从变量中获取 .

    const initialState = {
  counter: 0,
};
export default {
  name: 'ComponentName',
  created() {
    initalState.counter += 1;
    console.log(initalState.counter);
  }
}

    如果刷新浏览器，那么变量将重置为原点，在这种情况下你可以使用 localstorage

    回复于

相关问题