Vue input输入框回车以后自动刷新页面

今天测试提了一个bug，输入框输入barCode时，按下回车键应该是录入数量，但是却直接刷新页面了，一起来探究一下为什么？

原因：W3C 标准中有如下规定：当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。 

解决方案： 

可以在标签上添加 @submit.native.prevent。

<el-form label-position="top" size="mini" :inline="true" :disabled="disabledByExtract" @submit.native.prevent>

 <el-input v-model="scanInput.scanResult.value" :text.sync="scanInput.scanResult.text" 
 :disabled="!item.organizationId || disabledByExtract" 
 @change="handleProductSkuScanChange"> 
 </el-input>

</el-form>