十年河东,十年河西,莫欺少年穷
学无止境,精益求精
wxml: 开放能力:获取用户信息 及 获取用户手机号
<van-dialog id="van-dialog" bind:confirm="confirm" bind:getuserinfo="getuserinfo" bind:getphonenumber="getphonenumber"/>
page.json 引入组件
{ "usingComponents": { "van-dialog": "@vant/weapp/dialog/index" } }
page.JS
// pages/userInfo/userInfo.js/ import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog'; Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.GetUser(); }, GetUser(){ let that=this; Dialog.alert({ title: '登录', message: '是否公开您的信息', confirmButtonOpenType:"getUserInfo", // 按钮的微信开放能力 showCancelButton:true, confirmButtonText:"授权登录" }).then(() => { }).catch(()=>{ }); }, confirm(){ console.log('confirm') }, /**授权-新接口 */ getuserinfo(e) { console.log(e) wx.setStorageSync('userInfo', e.detail.userInfo) // wx.getUserInfo的返回兼容 wx.setStorageSync('encryptedData', e.detail.encryptedData) wx.setStorageSync('iv', e.detail.iv) //拿到用户信息后 获取 用户手机号 this.GetUserPhone(); }, GetUserPhone(){ let that=this; Dialog.alert({ title: '登录', message: '是否允许获取您的手机号', confirmButtonOpenType:"getPhoneNumber", // 按钮的微信开放能力 showCancelButton:true, confirmButtonText:"授权" }).then(() => { }).catch(()=>{ }); }, getphonenumber(e){ console.log(e) } })
@天才卧龙的博客