element 选择框多选校验

vue项目中使用element 选择框  当校验这个选择框必填，选择框又是多选时，页面初次加载校验提示就出来的问题。之前时单选后改为多选

 

 

 <el-form-item v-show="true" label="项目计划来源" prop="planResource" style="margin-top:10px">
          <el-select
            clearable
            v-model="formDialog.planResource"
            size="small"
            placeholder="请选择"
            :multiple="true"
            @change="selectProjectAll"
          >
            <el-option
              v-for="item in sourceOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"

            ></el-option>
          </el-select>
        </el-form-item>

 formDialog: {
        year: '',
        monthly: '',
        planResource: '',
      },

rules: {
        year:[{required: true, message: '请选择年份'}],
        monthly:[{required: true, message: '请选择月份'}],
        planResource:[{required: true,message: '请选择项目来源'}]
      }

选择框多选时  绑定值的类型为数组   把 planResource 改为 planResource：[];

因为项目之前选择为单选，后改为多选的，所以绑定值的类型也需要修改。