el select手动清空以后，不可选择，而且校验规则失败

在用element的时候发现一个问题，就是一个select是在另一个select 出发change事件以后给清空掉，这个select的校验规则提示一直在，而且下拉选项不可选择
解决办法

<el-form-item label="所属产品" prop="merchantId">
            <el-select
              placeholder="全部"
              v-model="filters.merchantId"
              @change="selectA"
              style="width:300px;"
            >
              <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
</el-form-item>
<el-form-item label="商品名称" prop="merchandiseId" name="merchandiseId">
            <el-select
              v-model="filters.merchandiseId"
              placeholder="全部"
              style="width:300px;"
              @change="selectB"
              name="merchandiseId"
            >
              <el-option
                v-for="item in goodLists"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </el-select>
</el-form-item>



sectctA(){
	if(this.filters.merchandiseId){
            this.filters.merchandiseId = ''
        }
        this.$nextTick(()=>{
                this.$refs['orderForm'].clearValidate('merchandiseId'); //清楚当前select的校验规则
        })

}

selectB(){
		//选择的时候强制刷新
      this.$forceUpdate()
}