帶有參數的Vuex Getter Hook
P粉530519234
P粉530519234 2023-08-29 18:45:19
0
1
589
<p>我定義了一個有參數的vuex getter函數,程式碼如下:</p> <pre class="brush:php;toolbar:false;">const getters = { getProjectById: (state) => (id) => { return state.projects.find(project => project.id === id) } }</pre> <p>現在,我想在我的元件中使用這個getter函數,但是我找不到一種方法來將參數傳遞給getter。 </p> <p>這是我的getter hook運算屬性:</p> <pre class="brush:php;toolbar:false;">computed: { ...mapGetters(["currentUserPhoto","getProjectById"]) },</pre> <p>有沒有可能將來自路由的Id參數傳遞給「getProjectId」getter?如果可能的話,最好的方法是什麼? </p>
P粉530519234
P粉530519234

全部回覆(1)
P粉518799557

新增另一個計算屬性,名稱為 projectById,它接受路由參數作為參數,並傳回項目:

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"]),
   projectById(){
         return this.getProjectById(this.$route.params.id)
  }

},
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板