a-vue报错问题

avue 升级后报错

解决办法： 在el-form-item 外面添加el-form标签即可

<avue-crud

        :data="tableData"

        :option="option"

        :table-loading="showLoading"

        :page.sync="page"

        @on-load="getList"

        @search-change="searchChange"

        @size-change="sizeChange"

        @current-change="currentChange"

        @search-reset="resetChange"

      >

        <template slot="search">

          <el-form>

            <el-form-item label="日期">

              <avue-date

                v-model="dateValue"

                format="yyyy-MM-dd"

                value-format="yyyy-MM-dd"

                placeholder="请选择日期"

              ></avue-date>

            </el-form-item>

          </el-form>

        </template>

        <template slot="menuRight" slot-scope="{ size }">

          <radios label="全部标为已读" @on-change="radioChange"></radios>

        </template>

        <template slot="readed" slot-scope="scope">

          <span class="dot" :class="{ 'dot-color': scope.row.readed }"></span>

          <span size="mini" v-if="scope.row.readed == 0">未读</span>

          <span size="mini" v-else>已读</span>

        </template>

        <template slot-scope="scope" slot="menu">

          <i class="el-icon-notebook-2"></i>

          <el-button @click="goDetails(scope.row)" type="text">

            详情

          </el-button>

        </template>

      </avue-crud>