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

问题:

<el-form @submit.native.prevent>
    <el-form-item >
        <el-input
          @keyup.enter.native="handleInputConfirm(obj)"
        >
        </el-input>
    </el-form-item>
</el-form>
export default {
    methods:{
        handleInputConfirm(obj){
            // ... 提交内容
        }
    }
}

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

http://localhost:3009/?#/admin

解决方案:

el-from 加上 @submit.native.prevent

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

理由:

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

...

...

...

posted @ 2019-05-14 11:00  芙蓉0504  阅读(1465)  评论(0编辑  收藏  举报