关于vue的模版数据被计算属性过滤后失去双向绑定的问题!

这里的计算属性是需要根据路由的参数来过滤一下,但是过滤后的result数组应该已经和this.list没有关系了,所以失去的双向绑定的功能,求助有什么好点方案来解决这个问题吗?

export default{

    data(){

        return {

            currentCate: null,

            list: Store.fetch()

        }

    },


    watch: {

        '$route' (to, from) {

            this.updataCate();

        }

    },


    created(){

        this.updataCate();

    },


    computed: {

        viewData(){

            let result = [];


            this.list.forEach((item, index) => {

                if(item.cate && item.cate == this.currentCate){

                    result.push(item);

                }

            });

            return result;

        }

    },


    methods: {

        updataCate(){

            this.currentCate = this.$route.params.cate;

        },

        toggleCompleted(item){

            // var index = this.items.indexOf(item)

            // console.log(index);

            item.completed = !item.completed;

        }

    }


}


红糖糍粑
浏览 541回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript