1. 程式人生 > >小程式--一鍵獲取手機號,控制按鈕顯示與隱藏

小程式--一鍵獲取手機號,控制按鈕顯示與隱藏

點選按鈕,呼叫後臺介面獲取到使用者的手機號,將獲取到的手機號渲染到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值來實現。