フィルター関数で使用されるプロパティを表示 - axios、vue3

Question

axios を使用してデータを取得するときに filteredProducts にプロパティを表示する方法。以下に示すようにpropsを渡しました。

リーリー

「Nike」をブランド名に置き換えて継承したいと考えています。どうもありがとうございます＃＃＃

Answer 1

「Nike」という名前の製品を選択し、filteredProducts に渡します。その後、計算されたプロパティを使用して名前を変更し、それをテンプレートで使用できます。

リーリー

Answer 2

export default {
              data() {
                return {
                  products: [],
                };
              },
              mounted() {
                   this.getSneakers();
              },
              methods: {
                 getSneakers() {
                 axios
                  .get('/src/stores/sneakers.json')
                   .then(response => { 
                  this.products = response.data ?? [];
                      })
                  }
               },
              computed: {
                    resultCount () {
                        return this.filteredProducts?.length ?? 0
                    },
                    brandName() {
                        return this.brand?.name ?? "";
                    },
                    filteredProducts () {
                        return this.products?.filter(
        product => product.name?.toLowerCase()?.includes(this.brandName.toLowerCase())
                   )
                    },
                },
              props: {
                brand: {
                  type: Object,
                },
              },
          }