小弟對vue專案的部分還不熟,目前有個需求是想要離開某個A子組件到其他子組件去,這個動作送一個參數給vuex。
或是例如我有一個header組件,上面掛ABCDEF子組件(header的子路徑),當我從A離開到其他子組件會傳一個參數給header叫他執行某項任務。
routes.beforeEach((to, from, next) => {
if (from.path == "/a組件") {
next()
this.$store.commit("setParams", "params");
}
})
把這段程式寫在router.js 但行不通阿XD
這裡的this應該不會是vue實例...console.log(this)一下就知道了。
如果你要從vuex引入的話
router
import store from '@/store'
routes.beforeEach((to, from, next) => {
if (from.path == "/a組件") {
next()
store.commit("setParams", "params");
}
})