點擊button按鈕會刷新頁面的問題

        <form>
            <button  class="el-button" @click="submitForm(ruleForm)">登錄</button>
        </form>

 

 

 

 原本是在沒有填寫信息的情況下，要給出用戶提示信息，但是當我點擊之后發現會自動刷新一次頁面，提示信息也沒有了

原因是我把button寫在了form里面了，除了 IE 中 默認 type = "button",  其他瀏覽器默認 type = "submit"  具有表單提交功能。

修改：給button按鈕增加一個type=”button”屬性

        <form>
            <button type="button" class="el-button" @click="submitForm(ruleForm)">登錄</button>
        </form>

如果不寫在form標簽里面就不會出現這個問題