原生button type为submit点击后页面刷新问题

    vue项目，总是在第一次进入页面后点击特定按钮后页面被刷新，刷新之后该问题不再出现。

    国内国外一顿翻

    在查找资料后发现其实这个问题是我使用了原生的button按钮，而使用原生按钮需要注意的是：原生按钮button默认type='submit'这个属性值是默认具有表单提交功能的，所以在非IE浏览器下会存在点击后刷新页面的问题。

• 在原生button按钮中更改type='button'属性值就可以了，此时它就是一个单纯的按钮了。
• 可以使用input标签，然后再设置type='button'也能解决。
• 不要将原生button按钮写在form表单里面。
• 如果在项目中使用了第三方的UI框架，那么最好使用框架里面的button按钮，也是不会出现这个问题的。
• vue中@click.prevent也可以解决，或者在click事件中

btnClick($event) {
    $event.preventDefault()}