神奇的下拉框联动

最近的开发中遇到了一个问题，就是两个下拉框联动问题。其实需求并不难，你也可以定义很多不同的数组来区分，但问题就是怎么优雅的把这个功能分割出来。问题描述如图：上下两个下拉框，上面下拉框选项为2时下面展示1、2、3项，上面下拉框选项为3时，下面展示2、3、4项。大概就是这个意思！

由于下面的下拉框我们是前端自己写入的，又要根据上面的来联动展示不同内容，所以我才去如下方式解决

首先在设置初始值的对象中加入一个属性showType用来控制是否展示下拉框项，此时的showType可以和上面下拉框存入初始值保持一致，例如上面存的是1，2，3，4，5 。showType下面也这样存
然后找到下面下拉框选项的数组，给它添加showtype属性，showtype数组里面写的就是你上面下拉框的value，比如你想在下拉框为1,2的时候展示此项，那么showtype中就存1,2.以此类推。。。

最后一步当然就是把它渲染出来啦！
interRules为下面下拉框所有选项，installmentType为上面下拉框的value值，key,value,label是为了保护公司隐私马赛克掉了

好了！大功告成，今天又是进步一点点的小福同学，希望大家一起共同进步呀！嘻嘻嘻~