更新记录

1.0.1（2023-10-01） 下载此版本

微信小程序隐私协议授权弹窗组件发布

平台兼容性

 本插件已集成隐私协议授权判断逻辑，从未同意过会自动弹窗，已同意过不再弹窗，请在每次需要调用隐私接口前使用。

Mehod

check入参

调用方法有2种

第一种：需要单独引入组件标签

<lq-privacy-dialog ref="privacyDialog" />

this.$refs.privacyDialog.check({
                //已同意
                    agree:()=>{
                    //底下写隐私接口调用逻辑，例如获取位置
                        uni.getLocation({
                            success(e) {
                                console.log(e)
                            }
                        })
                    },
                    //不同意
                    disAgree:()=>{
                        console.log('不同意')
                    }
})

第二种方法（推荐）：全局api调用

main.js添加：

import privacyCheck from '@/components/lq-privacy-dialog/privacyCheck.js'
//设置全局api
Vue.prototype.$privacyCheck=privacyCheck

vue.config.js添加（如果没有该文件新建一个，位于项目根目录）：

module.exports = {
  chainWebpack: config => {
    config.module.rule('vue').use('vue-loader').loader('vue-loader').tap(options => {
      const compile = options.compiler.compile
      options.compiler.compile = (template, ...args) => {
        if (args[0].resourcePath.match(/^pages/)) {
          template = template.replace(/[\s\S]+?<[\d\D]+?>/, _ => `${_}
            <lq-privacy-dialog ref="privacyDialog" />
      `)
        }
        return compile(template, ...args)
      }
      return options
    })
  }
}

页面使用：

this.$privacyCheck({
                    //已同意
                    agree:()=>{
                    //底下写隐私接口调用逻辑，例如获取位置
                        uni.getLocation({
                            success(e) {
                                console.log(e)
                            }
                        })
                    },
                    //不同意
                    disAgree:()=>{
                        console.log('不同意')
                    }
                })

第二种方法无须引入组件标签直接在页面需要的地方通过this.$privacyCheck()调用即可。注意需要在mounted后调用（等组件渲染完成）

ps：隐私协议具体如何设置请仔细查看微信文档说明，需要再小程序后台设置审核通过才能生效，2023年10月17日前并在manifest.json切换到源码试图在mp-weixin字段内添加"usePrivacyCheck": true