之前做一个关于electron-vue的项目,在上线之后引发了白屏的问题
当时在测试环境的时候,但是只会有页面刷新的问题,在控制台上确实能看到,数据刷新了,然后试着打完包之后,确实是会有白屏的问题,且只有第一次的时候,在input里面输入,做事件的时候会触发。
当时是这样的DOM结构 from表单里面只有一个input
后来看到文档会发现,一个form表单里面,只有一个控件的时候,就会触发页面刷新的问题。
解决方法:
只需要在表单里面添加
@submit.native.prevent
<el-form
:model="formParam"
:inline="true"
@submit.native.prevent>
<el-form-item label="卡号:">
<el-input ref="cardInput" v-model="formParam.carNumber" size="mini" placeholder="请
输入" @keyup.enter.native="$emit('on-card-reading')" />
</el-form-item>
<el-form-item>
<div class="cardBtn flex alic colorF pl10 pr10 borRad ml10" @click="$emit('on-card-
reading')">
<img src="@/assets/cardReading.png">
<span class="ml5">读卡</span>
</div>
</el-form-item>
</el-form>
.native 表示对一个组件绑定系统原生事件
.prevent 表示提交以后不刷新页面
就可以了,就不会刷新了。