美文网首页
vue Input键盘回车事件导致页面刷新的问题,路由多了一个问

vue Input键盘回车事件导致页面刷新的问题,路由多了一个问

作者: 逸笛 | 来源:发表于2021-04-01 15:52 被阅读0次

问题描述:
回车后,重新刷新了页面,并且路由多了一个问号

http://localhost:8080/index?
 <el-form>
          <el-input
            class="search"
            clearable
            autocomplete="off"
            placeholder="搜索稿件"
            prefix-icon="el-icon-search"
            @keyup.enter.native="userJxfile()"
            @clear="clearSearch"
            v-model="searchVal"
          ></el-input>
        </el-form>

解决:
el-from 加上 @submit.native.prevent
原因:
当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。

<el-form @submit.native.prevent>
</el-form>

相关文章

网友评论

      本文标题:vue Input键盘回车事件导致页面刷新的问题,路由多了一个问

      本文链接:https://www.haomeiwen.com/subject/cdvtkltx.html