vue.js怎樣解決按鈕多次點擊重復提交
2 回答
楊__羊羊
TA貢獻1943條經驗 獲得超7個贊
建議使用ref，給button添加注冊ref引用，然后在表單提交的時候，獲取button按鈕，使其disable置灰。
ref 被用來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的 $refs對象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件。
1 2 3 | <div id="app"> <button ref="mybutton" type="primary" @click="save">保存</button> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <script> new Vue({ el: "#app", data: { }, methods: { save() { this.$refs.mybutton.disabled = true; } } }) </script> <style> :disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; } </style> |
HUH函數
TA貢獻1836條經驗 獲得超4個贊
設置標志性變量為ture，如 isAbled，然后在按鈕初次點擊后設為false，在提交請求返回后設為true，然后該變量可以在button的disable屬性上使用，也可以自定義按鈕，用于動態控制class，同時在點擊事件回調里面進行相關判斷攔截
添加回答
舉報
0/150
提交
取消