VueJSルートと一致する情報を取得する

Question

私はVueRouterを使用しています。ユーザーが個々のビジネスに直接移動したときにデータを見ることができるようにする必要があります。これを行うために、私はデータをループし、そのルートをデータのプロパティ値と突き合わせるこのメソッドを作成しようとしています。

boundFn

私もこのような何かを試してみました：

methods: { 
    finalItem() { 
     return this.businesses.filter((business) => { 
     return business.link === this.$route.params.listing 
     }) 
    } 
    } 

しかし、その代わりに、私は取得してい戻されたビジネス・データを取得する：

私は次の方法があります。

finalItem() { 
     return this.businesses.filter((business) => { 
     return business.match(this.$route.params.listing) 
     }) 
    } 

でも同じ問題が発生しました。

Answer 1

finalItemはメソッドなので、計算されたプロパティのようにアクセスしようとすると、そのメソッドの関数定義（つまりboundFn）が返されます。

変更し、計算プロパティへの方法：

computed: { 
    finalItem() { 
    return this.businesses.filter((business) => { 
     return business.link === this.$route.params.listing 
    }) 
    }, 
} 

そうしないと、実際にメソッドを呼び出す必要があります：

// in your component's script 
console.log(this.finalItem()); 

// in your template 
{{ finalItem() }}