Fatal编程技术网
  • vue.js/
  • Vue.js 如何在VueJs中进行筛选？

Vue.js 如何在VueJs中进行筛选？

vue.js vuejs2

Vue.js 如何在VueJs中进行筛选？,vue.js,vuejs2,vue-component,vuex,Vue.js,Vuejs2,Vue Component,Vuex,我在我的项目中使用vue.js，我需要在html中过滤这个json，并且只显示areas=area\u one中的内容，我目前使用的是一个过滤器，但它显示我的json的所有元素 JSON 和vue HTML <div v-for="example in filtered_examples" :key="example.ID"> <img :src="example.image_mobile"> <img :src="example.im

我在我的项目中使用vue.js，我需要在html中过滤这个json，并且只显示
areas=area\u one
中的内容，我目前使用的是一个过滤器，但它显示我的json的所有元素

JSON

和vue HTML

   <div v-for="example in filtered_examples" :key="example.ID">
      <img :src="example.image_mobile">
      <img :src="example.image_desktop">
    </div>
这个很好用

var示例=[{
“ID”：789，
“标题”：“标题页”，
“图像桌面”：“image21.jpg”，
“image_mobile”：“image234.jpg”，
“链接”：“#”，
“区域”：[
“第一区”
]
},
{
“ID”：765，
“标题”：“标题页2”，
“图像桌面”：“image231.jpg”，
“image_mobile”：“image421.jpg”，
“链接”：“链接”，
“区域”：[
“第二区”
]
}
];
var area=‘area_one’；
var filtered_examples=examples.filter（b=>b.areas.indexOf（area）>-1）；

console.log（过滤的示例）过滤的示例在哪里？您的问题的输出是不明确的，请说明应该输出什么，以便易于理解。@BoussadjraBrahim我在我的示例中输入了！Thanks@Dcoder我需要过滤这个数组“areas”：[“area_one”]@CodeG它工作得很好，我刚刚用你的数据和你的
filter
语句进行了测试。检查此区域的
值。

   <div v-for="example in filtered_examples" :key="example.ID">
      <img :src="example.image_mobile">
      <img :src="example.image_desktop">
    </div>   




  this.filtered_examples = !this.area ? this.examples : this.examples.filter(b => b.areas.indexOf(this.area) > -1 )