美文网首页
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