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。

...

...

...


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM