iview 级联选择组件_踩iviewui中Select 选择器两级联动，重置查询条件时第二级数据无法清除的坑...

小颖公司最近做的项目用的vue+iviewui+axios，在做项目的过程中，遇到一个问题：

二级联动的下拉框，第一个下拉框一直都有值，第二个下拉框是在选择了第一个下拉框之后采取调用ajax获取其值，但当点击重置按钮时，所有的查询条件都要置空，所以这时第二个下拉框的 option 的值也应是空的，但事实是虽然小颖在点击重置按钮时把第二个下拉框的option绑定的值置空了，但它还是能获取到数据，最后定位到问题：

获取第二个下拉框的值是给第一个下拉框绑定的 on-change 中获取的，所以当先选择了第一个下拉框的值，再获取到第二个下拉框的值，此时再点击重置按钮时，已经触发了第一个下拉框的change事件。最后的解决方法是在on-change中先判断当前第一个下拉框是否有值，有值再去调ajax获取第二个下拉框的值。

无法重置：

{ { item.label }}

{ { item.label }}

清空

data () {return{

cityList1: [

{

value:'New York',

label:'New York'},

{

value:'London',

label:'London'},

{