vue.js 使用fetch获取数组的前几个唯一项

3bygqnnd  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(278)

我怎么能只得到一个fetch函数设置的数组中的五个元素呢?我把函数second arrgumment作为一个number = 5?传递,然后执行一个while循环。但是仍然得到数组中的所有元素。https://codesandbox.io/s/html-template-forked-izfjoc?file=/index.html

people: [],
getAllProducts(searchInput, num = 5) {
            let i = 0
            while(i < num){
              fetch("https://jsonplaceholder.typicode.com/users")
                .then((response) => response.json())
                .then((res) => {
                  this.people = res;
                });
                i++
              }
            },
9udxz4iz

9udxz4iz1#

您可以使用Array.prototype.slice仅获取前5项。

people: [],
getAllProducts(searchInput, num = 5) {
  fetch("https://jsonplaceholder.typicode.com/users")
    .then((response) => response.json())
    .then((res) => {
      // Set people to only a portion of the array, from index 0 to num
      this.people = res.slice(0, num);
    });
},

在您的代码中,不是在while循环的每次迭代中向数组添加单个项,而是将people属性设置为整个响应数组。

相关问题