el-input 上加上@keyup.enter.native,第一次回车时会刷新界面,解决办法:在el-from上加上 @submit.native.prevent
<el-form :inline="true" label-width="80px" :model="listQuery" size="mini" @submit.native.prevent> <el-form-item> <el-input v-model.trim="listQuery.Params.CommunityName" placeholder="请输入" @keyup.enter.native="filterData" icon="el-icon-search" clearable @clear="filterData" ></el-input> </el-form-item> <el-form-item> <el-button icon="el-icon-search" type="primary" @click="filterData" :loading="listLoading" >查询</el-button > </el-form-item> </el-form>
当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,在 form 标签上添加 @submit.native.prevent。