自定义权限修改弹框_微信小程序自定义授权弹框

微信小程序自定义授权弹框

最近微信获取用户信息的接口有调整，就是这货：wx.getUserInfo(OBJECT)，文档描述如下：

此接口有调整，使用该接口将不再出现授权弹窗，请使用 引导用户主动进行授权操作

1.当用户未授权过，调用该接口将直接报错

2.当用户授权过，可以使用该接口获取用户信息

解决方案

无缘无故在页面上多了一个按钮，只是为了引导用户授权，加在哪里都会觉得和页面内容格格不入。

那就弹一个框提示吧，虽然连续两个弹框也很怪，但是个人觉得比页面多一个按钮好一点。

微信自己定义的弹框交互并不适合授权这个场景，那就想到自定义一个弹框组件来解决。

实现

新建 components 目录文件如下：

image

dialog.json 文件内容：

{

"component": true, // 自定义组件必须先声明

"usingComponents": {}

}

dialog.js 文件内容：

Component({

options: {

multipleSlots: true // 在组件定义时的选项中启用多slot支持

},

/**

* 组件的属性列表

*/

properties: {

// 弹窗标题

title: {

type: String,

v