vue 傳送驗證碼倒計時公共元件

基本上做的每個專案都會有傳送驗證碼的需求，之前一直是遇到一次寫一次方法，這次做這個需求的時候正好把這個功能封裝為元件，以方便後期使用。

這 裡需

要注意的

是：

\color

這裡需要注意

的是：1，了解vue–props屬性的都知道，我在props傳引數的時候預設值是在你什麼引數都沒有傳入的時候生效

2，所以這個時候需要全部都從父元件傳入，也是比較靈活的做法

3，如果真的需要使用靈活的使用預設值，那就在公共得元件內使用computed計算屬性,這樣就可以使用預設值了，也就是下面computed的部分，但是注意頁面中使用也要使用computed返回的值，不要寫錯

4，這裡就是乙個公共得button傳送驗證碼，自己根據不同的需求寫傳送驗證碼的方法，比較靈活

這個元件將所有的引數都開放出來，達到了更加靈活的需求，適合多個場景。

這裡用的vue-cli + element-ui寫的，不過方法是可以用到每個框架的。

step 一，建立公共得vue元件

:type=
"public_button_params.button_type"
:disabled=
"send_code_button"
@click=
"public_button"
>
}<
/el-button
>
<
/template>
export
default;}
,},}
,data()
;},  methods:
else},
1000);
}},send_code_inte***ce()
,},}
;<
/script>
'scss' scoped>
<
/style>

:public_button_params=
"send_code_params"
@inte***nce_code_send=
"inte***nce_children_send"
>
<
/publicbuttoncode>
<
/template>
import publicbuttoncode from
"@/components/buttoncountdown"
export
default
,data()
,};}
,methods:
;smssendcode
(params_reference)
.then
((response)
=>);
this
.get_data_after_sending_captcha = response.data;})
.catch
((error)
=>);
},}}
<
/script>

傳送驗證碼，60秒倒計時

在做專案中肯定會遇到傳送驗證碼的倒計時，此篇記錄我做專案中傳送驗證碼倒計時的 傳送簡訊驗證碼 var currenttimer null function sendsmscode phonedata return var postdata 手機號 1 註冊 2 登入 var resdata getp...

iOS傳送驗證碼倒計時應用

app註冊的時候，經常會遇到傳送驗證碼的功能，當點選傳送驗證碼的時候，那個button就開始了倒計時，當計時結束才可以重新傳送，效果如下 具體 實現如下 ibaction sendmes uibutton sender else timeout 一定要呼叫resume 開啟定時器的功能 這個butt...

註冊帳號時傳送驗證碼倒計時

菜鳥初嚐寫部落格，排版 內容不好望多多包涵 以下原始碼都是從我完整專案搬來，可能會不全，如有不對之處請見諒。新手小花點時間就好。老菜路過唄 原理 1.輸入手機號在本地判斷號是否合法 2.傳送到伺服器成功把返回驗證碼賦值給一常量，開啟個執行緒倒計時 public class registeractiv...