页面只有一个搜索框 如何按下enter键阻止页面的提交表单默认行为

当页面 只有一个搜索框 如何按下enter键阻止页面的提交表单默认行为 在el-form 上增加

@submit.native.prevent

示例代码

<el-form
			:model="queryParams"
			ref="queryForm"
			size="small"
			:inline="true"
			v-show="showSearch"
			@submit.native.prevent>
			<el-form-item label="关键词" prop="searchContent">
				<el-input
					v-model="queryParams.searchContent"
					placeholder="请输入关键词"
					clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item>
				<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
				<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
			</el-form-item>
		</el-form>