头图

el-form表单添加回车搜索事件,只需要在 el-form上添加即可应用到所有的input

注意:给 @keyup.enter 事件添加 native修饰符,阻止默认行为
<el-form :model="queryParams" @keyup.enter.native="onQuery()">

@keyup.enter.native事件不生效问题
当一个 form 元素中只有一个输入框时,按下回车则会刷新页面,此时需要在 el-form 上添加 @submit.native.prevent 来阻止默认行为

<el-form :model="queryParam" @submit.native.prevent @keyup.enter.native="onQuery()">
    <el-form-item label="题库名称">
        <el-input v-model="queryParam.question" placeholder="请输入题库名称" clearable></el-input>
    </el-form-item>
    <el-form-item>
        <el-button type="primary" @click="onQuery()">查询</el-button>
    </el-form-item>
</el-form>

兔子先森
399 声望17 粉丝

致力于新技术的推广与优秀技术的普及。