1、列表点击查询条件返回具体的内容，当输入查询条件按下回车或者是点击查询按钮时候发生页面刷新，并没有去查询，很是费解，其他页面就没有这种情况，然而最后发现导致问题发生的原因竟是当表单只有一个文本框时，查询会触发表单提交事件，导致页面刷新，代码如下：

<el-form :inline="true" :model="dataForm" @keyup.enter.native="getSearchDataList()">
   <el-form-item  label="宠物名称">
     <el-input v-model="dataForm.petName" placeholder="请输入宠物名称" clearable></el-input>
   </el-form-item>
   <el-form-item>
     <el-button type="primary" icon="el-icon-search" @click="getSearchDataList()">搜索</el-button>
     <el-button icon="el-icon-plus"  type="primary" @click="addOrUpdateHandle()">添加</el-button>
   </el-form-item>
 </el-form>

解决方法：
1、在el-from 加上 @submit.native.prevent

<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getSearchDataList()">
   <el-form-item  label="宠物名称">
     <el-input v-model="dataForm.petName" placeholder="请输入宠物名称" clearable></el-input>
   </el-form-item>
   <el-form-item>
     <el-button type="primary" icon="el-icon-search" @click="getSearchDataList()">搜索</el-button>
     <el-button icon="el-icon-plus"  type="primary" @click="addOrUpdateHandle()">添加</el-button>
   </el-form-item>
 </el-form>

2、加一个隐藏的文本框，即表单不只有一个文本框

<el-form :inline="true" :model="dataForm" @keyup.enter.native="getSearchDataList()">
   <el-form-item  label="宠物名称">
     <el-input v-model="dataForm.petName" placeholder="请输入宠物名称" clearable></el-input>
   </el-form-item>
   <el-form-item style="margin-bottom:0;display:none;">
     <el-input></el-input>
   </el-form-item>
   <el-form-item>
     <el-button type="primary" icon="el-icon-search" @click="getSearchDataList()">搜索</el-button>
     <el-button icon="el-icon-plus"  type="primary" @click="addOrUpdateHandle()">添加</el-button>
   </el-form-item>
 </el-form>