网站首页 Vue 正文

在一个vue项目中使用了一个button绑定事件，第一次进入这个页面，点击该按钮会直接刷新页面，后面就不会了

作者：桃叶令君香更新时间： 2022-04-04 Vue

问题描述：在一个vue项目中使用了一个button绑定事件，第一次进入这个页面，点击该按钮会直接刷新页面，后面就不会了

分析：开始以为是事件回调的函数的影响，一步步断点，排查发现回调函数没有任何问题，走入了死胡同纠结一番，突然意识到可能是button默认事件的影响，经过测试果然是这样。

解决：阻止button的默认事件,vue中可以在事件绑定是使用事件修饰符

<button  @click.prevent="updateRewardConfig( )" >保存</button>

原文链接：https://blog.csdn.net/weixin_47228226/article/details/121095791