Vue js 2:如何在没有突变的情况下过滤数组？
提问于 2017-09-28 10:13:10
我有一个非常简单的/Vue js网站，我有一个产品清单，我想过滤。
const app = new Vue({
el: '#main-content',
data: {
forfaits: window.forfaits,
},
methods: {
filterData: function (val) {
console.log(val)
this.forfaits = this.forfaits.filter(item => {
return item.internet >=val[0] && item.internet <= val[1] ;
});
return this.forfaits;
} <div class="product-item offre" v-for="forfait in forfaits">
.....
.....
.....在这种情况下，它可以工作，但是原始产品数组(forfaits)会发生变异。如何在不改变原始值的情况下进行筛选？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-28 10:55:54
您希望有两个属性：
- 包含所有未过滤项的“真相源”属性，用户界面从未使用该属性.
- 具有要显示的实际列表的计算机属性，如果没有筛选器，则该属性在任何时候都将返回完整的列表；如果存在筛选器，则返回筛选后的列表。这就是将UI绑定到的内容。
您不需要任何方法；随着筛选器的更改，计算的属性将自动更新。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46475778
复制
腾讯云开发者
