点击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标签里面就不会出现这个问题