前端 - vue怎么做到切换功能还保留之前的源数据？

Question

功能点 比如有类型1，类型2是下拉框的数据作为筛选列表里面的的数据，当用户选了类型1，就点确定按钮，列表也能筛选出他的类型，现在筛选后列表就一条数据了。原来是两条

现在问题来了，筛选后，搜索id再搜索id ，此时列表也多一条数据，列表也就两条，按道理说列表有三条数据，现在筛选后列表就两条数据了，没有调后台接口

Answer 1

本地数据过滤用computed，将符合条件筛选出来，你只要修改对应的条件就行，剩下的交给vue

<template>
    <ul>
        <li v-for="v of data"></li>
    </ul>
</template>
<script>
export default {
    data: () => ({
        list: [], // 列表数据
        type1: '',
        type2: ''
    }),
    computed: {
        data() {
            return this.list.filter(v => v.type == this.type1 || v.type == this.type2)
        }
    }
}
</script>