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

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

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

查看了下百度,

保 存

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

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

 

 

你可能感兴趣的:(element-ui,vue)