关于商品二级筛选项的问题

Question

老师，有个不是很明白的点：
1、对于二级筛选项遍历循环的是 selectOption.subs 这个数组。
2、在当前的二级选项上面绑定了一个点击事件。
3、假设点击了 “销量由高到低”，触发了当前的点击事件会把 selectOption 整个替换掉。
4、而又由于我们视图需要循环遍历展示的是 selectOption 下面的 subs 数组，但是我们已经把整个对象替换掉了，当前这个对象又没有包含 subs 数组，为什么 页面还是能展示出来 二级筛选项？整个对象被替换掉了，并且当前下面又没有 subs 数组 按理来说不是应该不展示任何东西吗？对于这个点蒙住了。请老师帮忙解答下。

Answer 1

Sunday 2020-01-30 09:51:18

你好：

当我们点击二级筛选项的时候，是进入 onSubOptionsItemClick 方法，在该方法中，除了 设置选中项为用户点击的选项  之外，还做了另外一件事情，就是  将选中项置顶到一级选项 。具体就是便利选项的 数据源，将当前选中项变为一级选项，注意，此时的对应的二级选项并没有发生变化。所以 subs 数组中依然存在数据。

可以使用 vueDevTools 来查看 当前 selectOption 的数据：

Answer 2

提问者 黔芯 2020-01-29 22:33:32

貌似好像懂了，每次点击一级筛选项的时候又重新赋值上去了。