vue表单输入框回车刷新页面

<!-- 搜索框 -->
<el-form ref="searchFormRef" :model="searchForm" @submit.native.prevent>
    <el-input ref="searchInputRef" v-model="searchForm.search" placeholder="请输入关键词进行检索" @keyup.enter.native="axios_query()">
        <el-button @click="axios_query()" slot="append" icon="el-icon-search"></el-button>
    </el-input>
</el-form>

el-input添加回车事件@keyup.enter.native,会刷新页面。无法传递参数,并获取数据。需要在el-form标签添加@submit.native.prevent

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容