使用带有 Vue.js 的 axios 过滤 API 响应

Question

// this is my method    
filterProducts() {
      axios
        .get("http://fake-api.ns.nsdevel.eu/products")
        .then((resp3) => {this.products = resp3.data.products})
        .catch((error) => {
          this.errorMessage = error.message;
          console.error("There was an error!", error);
        });
    },

我想根据公司过滤这些产品。有人可以给我一个提示吗？试了很多次都没用。

Answer 1

filterProducts(companyName) {
      axios
        .get("http://fake-api.ns.nsdevel.eu/products")
        .then((resp3) => {this.products = resp3.data.products.filter(x => x.company.name == companyName)})
        .catch((error) => {
          this.errorMessage = error.message;
          console.error("There was an error!", error);
        });
    }