                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo应用

切换active的时候是怎么显示应该要显示的todo的

我知道在toggle的时候有筛选如果this.filter（就是传过来的state）是all的话就显示全部，然后对其他的todo进行了筛选，如果是completed就是true反之false，但是是从哪里体现出来active显示还没有completed而completed就是显示已经completed的呢困扰了我一晚上有没有大佬能解开我的迷惑

慕少4870972

2018-11-25

源自：Vue+Webpack打造todo应用 3-4

关注问题我要回答

1169

操作

收起

2 回答

Li_JX
2018-11-26

补充一下 this.filter的值由todo.vue 里面的toggleFilter方法所改变

toggleFilter(state) {

this.filter = state

},

0 回复有任何疑惑可以回复我~

Li_JX
2018-11-26

todo.vue的这段代码如果state是active 那么下面声明的complete 就是false ，filter过滤的todos就是里面todo.completed的属性为false的所有todo

const completed = this.filter === 'completed'

return this.todos.filter(todo => completed === todo.completed)

0 回复有任何疑惑可以回复我~

#1

纠正：下面声明的completed

2018-11-26 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

Vue+Webpack打造todo应用

参与学习 84606 人
解答问题 787 个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

本课相似问答

3 回答all active completed 标签切换的时候，filteredTodos方法不起作用呢？

2 回答div的文本没有显示

2 回答localhost能打开，但是看到的是一层层目录，不是页面该显示的内容

3 回答run build 的时候为什么总是提示安装webpack-cli

2 回答请问：svg格式的图片显示不出来是怎么回事 png的倒是没问题

搜索更多本课相关问答

切换active的时候是怎么显示应该要显示的todo的

我要回答关注问题

意见反馈帮助中心 APP下载