时间戳

首页 > 解决方案 > 如何使用 Composition API 在 Vue.js 中进行过滤？

javascript - 如何使用 Composition API 在 Vue.js 中进行过滤？

问题描述

我想在 Vue.js 中归档只是为了显示包含马德里市的特定对象。

这是我的 JSON 文件

 "posts":[
    {"id":1, "title":"Oglas 1", "decription":"Oglas 1", "city":"Madrid"},
    {"id":2, "title":"Oglas 2", "description":"Oglas", "city":"Madrid"},
    {"id":3, "title":"Oglas 3", "description":"Oglas 3", "city":"Barselona"}
          ]

这是HTML的一部分，我想在其中显示这些特定元素，当然，我将获取请求放在了单独的.js文件中，这里只是从请求中调用数据

 <li>{{posts.id}} - {{posts.title}}</li><br>
  <small>{{posts.description}}</small>

所以我想要一些按钮或复选框，例如马德里，当用户单击马德里时，它将只显示包含马德里城市的 ID、标题和描述

我是 Vue.js 的新手，如果有人可以帮我解决这个问题，我将非常感激。

标签： javascriptvue.jssortingfilterfiltering

解决方案

推荐阅读