在學習《vue技術(shù)棧開發(fā)實戰(zhàn)》中beforeRouteUpdate沒有觸發(fā)router.js代碼import Home from '@/views/Home.vue'export default [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/argu/:name',
component: () => import( '@/views/argu.vue'),
props: true
},
{
path: '/about',
name: 'about', // route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '@/views/About.vue')
}
]argu.vue代碼<template>
<div>
{{ name }} </div></template><script>export default { props: { name: { type: String, default: 'apple'
}
},
beforeRouteUpdate (to, from, next) { console.log(to.name,from.name)
next()
}
}</script>訪問頁面從http://10.0.0.150:8080/argu/apple跳轉(zhuǎn)到http://10.0.0.150:8080/argu/banana,頁面顯示發(fā)生了變化,但是在console沒有輸出,beforeRouteUpdate未被觸發(fā),新手求解惑,謝各位大神
添加回答
舉報
0/150
提交
取消