一个选项框的选项根据另一个选项框的值的变化而变化

如下图：选择不同的报警类型，报警项中的选项也会跟着发生变化。

 报警类型的代码：

报警项的代码：

 这里的 subTypeArr 就是第二个选项框的选项，会随着第一个选项框“报警类型”的选中值的变化而变化。我们后面就要想方设法拿到subTypeArr 的值。

实现：

因为报警项会根据报警类型的变化而变化，所以第一步需要做的就是，监听报警类型的变化。

写在watch中的代码：

监听的'searchForm.type'就是报警类型绑定的值；handler函数是监听里面固定的写法，里面的参数val就是报警类型选项框里此时被选中的选项的value值。subTypeList是第一个选项框中每一个选项对应的子选项，也就是选中一个报警类型(主类型)，第二个选项框(子类型)会随其变化的内容，subTypeList代码如下：

监听变化，for循环遍历subTypeList，当遍历到的主类型项key与选中的主类型val相等时，再对当前的主类型key对象进行遍布，把subTypeList[key]里的每一项加入到空数组arr中，最后将arr赋值给子类型数组subTypeArr。