vue + element + select 清空问题

Question

 <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这些都试过，都无法清空，请问是什么问题呢？

Answer 1

问题已经解决，谢谢大家