近写项目的时候遇到一个问题—那就是我写的登录页面输入了账号和密码一点击登录,页面刷新,刚才输入的全没了,当第二次点击的时候就成功登录,并没有页面刷新了,你说气不气?
我们分析一下原因
我使用了原生的button按钮,而使用原生按钮需要注意的是:原生按钮button默认type='submit'这个属性值是默认具有表单提交功能的,所以在非IE浏览器下会存在点击后刷新页面的问题。
那么怎么解决呢?
解决方案1:在原生button按钮中更改type='button'属性值就可以了,此时它就是一个单纯的按钮了。
解决方案2:在绑定点击的按钮添加点击时间的时候阻止默认行为。
也就是 @click . prevent