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。