vue element-ui页面提交刷新页面，url带有 file= 问题解决

目前正在做的一个项目，是人人开源框架，自带很多样式，但是设计师呢并不知道这个框架样式，所以设计了很多私有个性化的按钮，于是我就把按钮写成了button，并且命名class来写样式，但是发现一个问题 ，就是提交之后会刷新页面，体验很不好，后来反复测试才发现，把button改成element自带的el-button就好了，说实话我也没搞清楚原理，如果有大牛可以留言告诉下原理，我也会继续研究，如有会更新。

---------------------更新------------------------

查看了下百度，

<button type="primary" class="basicBtn" @click.prevent="submit">保 存</button>

如果用button    点击事件这样写@click.prevent="submit"便不会刷新了，

.prevent是阻止冒泡事件，也可用 div 或 span 来代替button，便不会触发冒泡事件了。