小程序--一键获取手机号，控制按钮显示与隐藏

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_29918313/article/details/80506806

点击按钮，调用后台接口获取到用户的手机号，将获取到的手机号渲染到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值来实现。