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

2020-04-23  本文已影响0人  赵羽珩
<!-- 搜索框 -->
<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

上一篇 下一篇

猜你喜欢

热点阅读