如何在 Vuejs 中获取时过滤 json 数据

Question

您好，我想在获取数据时过滤数据。例如：在待办事项列表中，我只想过滤已完成的数据。这是我的部分获取代码：

Json 数据库：http://localhost:3000/yapilacaklar.

<script>
 mounted(){
    fetch('http://localhost:3000/yapilacaklar')
      .then ((res)=>res.json())
      .then ((data)=>this.yapilacaklar=data)
       // I want to add filter parameters here
      .catch((err)=>console.log(err))
  }
 
</script>

Answer 1

您可以为此使用计算：

computed: {
    // a computed getter
    yapilaFinished () {
      // `this` points to the component instance
      return this.yapilacaklar.filter((data)=> data.finished === true)
    }
}

或者当你得到数据时过滤数据：

mounted(){
    fetch('http://localhost:3000/yapilacaklar')
      .then ((res)=>res.json())
      .then ((data)=>this.yapilacaklar=data.filter((d)=> d.finished === true))
       // I want to add filter parameters here
      .catch((err)=>console.log(err))
  }

如何在 Vuejs 中获取时过滤 json 数据

How to filter json data while Fetching in Vuejs

vuejs3