u013254183
老铁咖啡
采纳率94.1%
2018-09-06 11:29 阅读 25.3k

vue + element + select 清空问题

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    u013254183 老铁咖啡 2019-07-30 10:30

    问题已经解决,谢谢大家

    点赞 评论 复制链接分享
  • w1213096890 德莱華 2018-11-08 13:30

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

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

    点赞 3 评论 复制链接分享
  • dabocaiqq dabocaiqq 2018-09-06 12:08
  • weixin_43584356 小小笔记本 2018-11-05 07:53

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

    }
    

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

    点赞 评论 复制链接分享

相关推荐