vue+element 点击按钮后导致刷新页面致url中拼接？或者拼接参数

weixin_30565199

于 2019-03-30 19:10:00 发布

阅读量258

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tianmiaogongzuoshi/p/10628566.html

本文介绍在Element UI的<el-form>标签中使用不同类型的按钮，并解释如何阻止默认的冒泡事件，确保点击事件仅作用于指定元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://blog.youkuaiyun.com/sinat_37255207/article/details/88917162

element 自己的<el-form></el-form>标签中中自带的按钮是

<el-button type="primary" class="fl_button" @click="onSubmit">保存</el-button>

如果用普通的button标签点击点击事件的时候注意冒泡事件必须阻止一下

 <button type="primary" @click.prevent="save()" >&nbsp;&nbsp;保存&nbsp;&nbsp;</button>

//也可以不用button 用div 或者 span 当按钮用 就不会触发冒泡事件了 


<el-form>
<button type="primary" @click.prevent="save()" >&nbsp;&nbsp;保存&nbsp;&nbsp;</button>
</el-form>

<el-form>
<span type="primary" @click="save()" >&nbsp;&nbsp;保存&nbsp;&nbsp;</span>
</el-form>

...

转载于:https://www.cnblogs.com/tianmiaogongzuoshi/p/10628566.html