a-form

temple

<a-form layout="inline" :form="form" @keyup.enter.native="searchQuery">
    <a-row :gutter="24">
     <a-col :xl="6" :lg="7" :md="8" :sm="24">
                  <a-form-item label="年份" :label-col="{ span: 6 }" :wrapper-col="{ span:         
                      12 }">
                    <a-date-picker
                      mode="year"
                      placeholder="请选择年份"
                      format="YYYY"
                      v-model="queryParam.year"
                      style="width: 100%"
                      :open="yearShowOne"
                      v-decorator="['year', {}]"
                      @openChange="openChangeOne"
                      @panelChange="panelChangeOne"
                    />
                  </a-form-item>
                </a-col>

data

 form: this.$form.createForm(this, { name: 'search' }), // 表单关联设置

method

searchReset() {
      this.queryParam = {
        year: '',
      }
      this.form.setFieldsValue({
        // date: '',
        year: '',
        yearPlanName: '',
        status: ''
      })
      this.loadData()
    },