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

来源：6-14 商品列表排序功能

黔芯

2020-01-29

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

写回答

2回答

Sunday

2020-01-30

你好：

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

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

//img.mukewang.com/szimg/5e32369209c6184e34191575.jpg