vue踩坑

1.當form下只有一個input時，把焦點放在input上，按Enter鍵頁面會重新整理

1）例項

<!-- 此時將焦點放在input上，按Enter鍵，頁面將會重新整理過載 -->
<form>
    <input type="text"/>
</form>
複製程式碼

2） 解決方法

1. 新增一個隱藏的input

<form>
    <input type="text"/>
    <input type="hidden"/>
</form>
複製程式碼

2. 在form上使用@submit.prevent修飾符

<form @submit.prevent>
    <input type="text"/>
</form>
複製程式碼

3. 在element-ui中，可以使用@submit.native.prevent

<el-form @submit.native.prevent>
    <el-input type="text"/>
</el-form>
複製程式碼