element-ui 表单验证 无法正确显示？

halo，我是vue新手，最近打算自己使用 laravel+vue 做点东西，但是遇到了点问题，卡了两天。

前端使用的是 element-ui 的开发的。在进行表单认证的时候出现了一个现象：两个输入框，一个验证的提示信息一直显示。网上找了一圈，没找到办法，来此请教！

• 贴出主要代码如下（省略无关代码）：

  <el-form :model="orderPayments" :rules="rules" label-width="100px" ref="orderMainForm">
  <el-col :span="8">
      <el-form-item label="交款人：" prop="jk_driver_id">
        <select-driver :selected="orderPayments.jk_driver_id" @changeSelect="jkrChange"></select-driver>
      </el-form-item>
  </el-col>
  <el-col :span="8">
    <el-form-item label="存款日期：" prop="ck_at">
      <el-date-picker
        v-model="orderPayments.ck_at"
        type="datetime"
        placeholder="选择日期时间"
        align="right"
        :picker-options="dateOptions">
      </el-date-picker>
    </el-form-item>
  </el-col>
  </el-form>
  <script>
  import SelectStore from 'components/Selector/SelectStore';
  export default {
  name: 'MainOrderDetail',
  components: { SelectDriver },
  props: {
  mainOrder: {
    type: Object,
    default: null
  },
  inputStaus: {
    tyep: String,
    default: 'edit'
  }
  },
  data() {
  return {
    rules: {
      jk_driver_id: [
        { required: true, message: '请选择交款人', trigger: 'change' }
      ],
      ck_at: [
        { type: 'date', required: true, message: '请选择存款日期', trigger: 'change' }
      ],
    },
  }
  },
  computed: {
  orderPayments() {
    return this.mainOrder;
  }
  },
  methods: {
  jkrChange(val) {
    this.orderPayments.jk_driver_id = val
  },
  }

• 下面为 SelectStore 组件

  <template>
  <el-select v-model="selectAt" filterable
  placeholder="请输入关键词">
  <el-option
    v-for="item in selectOptions"
    :key="item.id"
    :label="item.name"
    :value="item.id">
  </el-option>
  </el-select>
  </template>
  <script>
  import { fetchList } from 'api/restfull';
  export default {
  props: {
  selected: {
    default: ''
  }
  },
  data() {
  return {
    selectOptions: [],
    selectAt: '',
    loading: false
  }
  },
  mounted() {
  this.selectAt = this.selected;
  this.getOptions();
  },
  methods: {
  getOptions() {
    fetchList({}, '/drivers_list').then(response => {
      this.selectOptions = response.data;
    })
  }
  },
  watch: {
  selectAt(v) {
    this.$emit('changeSelect', v)
  }
  }
  }
  </script>

• 下面为问题截图：