近期项目在接入扫码枪扫码之后出现了一个十分诡异的问题:页面会重新跳转,地址栏路由地址出现了一个问号。
原地址: localhost:8080/#/enter-price
扫码枪扫码之后:localhost:8080/?#/enter-price
这种情况会导致项目重新加载。
问题原因:
扫码枪扫码之后会触发表单的默认提交,但是我们平时手动输入是不会有这种问题的。
解决方案:
禁止表单的默认提交行为。在el-form上添加 @submit.native.prevent
<el-form ref="form" :model="form" label-width="140px" @submit.native.prevent>
</el-form>