網站首頁 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