elementplus下拉框多选有内容表单校验不通过

elementplus下拉框多选有内容表单校验不通过 

原因：由于后端接口需要字符串类型的数据，所以我在queryParams对象外定义了array类型的字段来进行绑定，在调用接口进行保存时再将数组转换为字符串赋值到对象中，所以在下拉框中进行变化时，校验识别不到props的值。

修改：给下拉框添加@change="handleChange",在handleChange方法中将数组直接转化为字符串进行赋值。

<el-form-item label="覆盖地域" prop="coverArea">
   <el-select
      v-model="coverArea_"
      placeholder="请选择覆盖地域"
      multiple
      clearable
      @change="coverAreaChange"
   >
      <el-option v-for="dict in cover_area" :key="dict.value" :label="dict.label" :value="dict.value" />
   </el-select>
</el-form-item>



const coverArea_ = ref([]);  // 定义的数组
const queryParams =ref({});  // 最后提交的对象


function handleChange(val) {
  queryParams.value.coverArea = val.join(',');
}