引数のあるVuexとvuexゲッター

Question

私はVueとVuexに基づいて小さなアプリケーションを持っています。

<div class='items'> 
    <div v-for='item in items'> 
    <span> {{ item.name }} </span> 
    <router-link :to='"update/" + item.id'>Edit</router-link> 
    </div> 
</div> 

アイテムアレイは、getterを使用してVuex状態からロードされます。だから、問題は、私は「編集」ボタンを押すと、それは私がその

computed() { 
    item() { 
    return this.$store.getters.get_item(this.$route.params.id) 
    } 
} 

のような機能を持っており、一般的にそれが動作するはず別のページに私をリダイレクトすることである（私の代わりに、いくつかの数字を渡すことによってそれをテストしています"this。$ route.params.id"）しかし、それはなぜ..？エラー、何も、ちょうど空の配列

私get_item機能

getters: { 
    get_item: (state) => (index) => { 
    return state.items.filter((item) => { 
     return item.id === index 
    } 
    } 
} 

Answer 1

computed: { 
    item() { 
    return this.$store.getters.get_item(this.$route.params.id) 
    } 
}