小程式--一鍵獲取手機號,控制按鈕顯示與隱藏
阿新 • • 發佈:2018-11-21
點選按鈕,呼叫後臺介面獲取到使用者的手機號,將獲取到的手機號渲染到input框裡面,同時,按鈕消失,即當input框不為空的時候,按鈕消失;input框為空的時候,按鈕顯示。
<view class="addAddress addAddressLine"> <view class="addAddressleft">手機號碼</view> <input type="number" name="name" placeholder-class="phcolor" class="addAddressinput inputPhone" maxlength="11" minlength="11" placeholder="您的手機號" value="{{phoneNumber}}"/> <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" style='{{phoneNumber!=""?"display:none":""}}'>獲取手機號</button> </view>
js檔案:
phoneNumber:'',
//一鍵獲取手機號,將獲取的值渲染到input框
getPhoneNumber: function(e) {
console.log("e.detail.errMsg"+e.detail.errMsg)
this.setData({
phoneNumber: e.detail.errMsg
})
},
主要通過改變input框的value值來實現。