iT邦幫忙

2

Vue的router可以寫function嗎?

  • 分享至 

  • xImage

小弟對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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

4
froce
iT邦大師 1 級 ‧ 2020-03-11 16:26:52
最佳解答

這裡的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");
    }
})

原來是這樣寫 謝謝 好像要去學node.js 整個寫VUE專案的觀念才會比較具備 謝謝

froce iT邦大師 1 級 ‧ 2020-03-12 11:01:24 檢舉

搞懂ES6 import比較重要。要不然就要像我常常console.log(this)。(茶

XDD

我要發表回答

立即登入回答