VueJS 路由器:确定首页加载以禁用/更改页面转换

Question

我想根据是初始页面加载(例如用户在他的浏览器中键入 test.com/something(还是用户使用路由器链接(用户已经在页面上并单击路由器链接到/something(来更改我的 App.vue 中的页面过渡，但无法让它工作。

是否有在初始页面加载后仅触发一次的生命周期挂钩？

Answer 1

找到了。其实这很容易：

$route.from.name 在首次页面加载时为 null，因此您可以在 App.vue 中像这样确定第一次页面加载：

export default {
data() {
return {
firstLoad: undefined,
}
},
watch: {
$route(to, from) {
this.firstLoad = from.name == null ? true : false
},
},
}