vue + element + select 清空问题

 <el-form-item label="所在省市" prop="provinceId">
          <el-select v-model="teamUpdateForm.provinceId" placeholder="请选择省市" @change="initCitys" style="width:100%" >
            <el-option
              v-for="item in provinceOptions"
              :key="item.id"
              :label="item.name"
              :value="item.id">
            </el-option>
          </el-select>
      </el-form-item>

      <el-form-item label="所在地区" prop="cityId">
          <el-select v-model="teamUpdateForm.cityId" placeholder="请选择地区" style="width:100%">
            <el-option
              v-for="item in cityOptions"
              :key="item.id"
              :label="item.name"
              :value="item.id">
            </el-option>
          </el-select>
      </el-form-item>

代码如上，现在的问题是这样：省市都能正常出来，联动也实现，就是在选择省的时候市的下拉框应该清空上一次的选择，我用this.cityId = ''，this.teamUpdateForm.cityId = ''，this.cityId = null这些都试过，都无法清空，请问是什么问题呢？

问题已经解决，谢谢大家

data(){
return {
form:{
teamUpdateForm.provinceId:'',
teamUpdateForm.cityId:'';
}

}

},
watch: {
'form.select1': function (newValue, oldValue) {
this.teamUpdateForm.cityId = ''
}
},
methods:{
...
}
在watch监听根据省份是否有新的值去把原先的值为空

给加个ref，假如值为'test'

this.$refs['test'].resetFields();

https://segmentfault.com/q/1010000014751971?utm_source=tag-newest