十年河东，十年河西，莫欺少年穷
学无止境，精益求精
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)
}
})
@天才卧龙的博客
