微信小程序点击按钮获取手机号码并发送到web-view页面
wxml页面代码:
<button class="gettel" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">授权获取手机号码</button>
<button bindtap='buttonListener' wx:if="{{yes_ok==true}}">您的手机号码是{{name}}-{{mobile}}跳转</button>
<!--自动跳转-->
<web-view src="{{uurl}}" wx:if="{{yes_ok==true}}" ></web-view>
<!--或者选择点击按钮跳转-->
<button bindtap='buttonListener' wx:if="{{yes_ok==true}}">您的手机号码是{{name}}-{{mobile}}跳转</button>
getPhoneNumber(e) {
var that = this;
wx.cloud.callFunction({
name: 'getMobile',
data: {
weRunData: wx.cloud.CloudID(e.detail.cloudID),
}
}).then(res => {
that.setData({
mobile: res.result,
name: that.data.name,
yes_ok:true,
uurl: 'https://你的域名.com/index.php?shouji=' + res.result + '&xingming=' + that.data.name
})
}).catch(err => {
console.error(err);
});
},
<!--点击按钮再跳转啧删除上方的uurl行,否则删除下方代码-->
buttonListener: function () {
var that = this
wx.navigateTo({
url: '/pages/tiaozhuang/tiaozhuang?shouji=' + that.data.mobile + '&ageData=' + that.data.username
})
},
版权声明:若无特殊注明,本文皆为《
傲世零零 》原创,转载请保留文章出处。
本文链接:微信小程序点击按钮获取手机号码并发送到web-view页面 http://www.wangjunjiang.com/?post=103
正文到此结束
发表吐槽
你肿么看?