正文
mpvue小程序开发之 wx.getUserInfo获取用户信息授权
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
一、背景
在使用美团的mpvue2.0框架搭建起小程序项目后，做获取用户信息时遇到一些问题：微信小程序更新api后，获取用户信息只能通过button上的绑定方法 来获取用户信息，vue上方法绑定不能直接使用，下面是修改配置mpvue的步骤
vue中代码：<template>
<div>
<button open-type="getUserInfo" @getuserinfo="bindgetuserinfo">用户授权</button>
</div>
</template>
<script>
export default {
methods: {
bindgetuserinfo: function (e) {
console.log(e)
}
}
}
</script>
<style></style>
配置mpvue中获取用户信息的步骤1. 进入到node_modules --> mpvue --> index.js，操作index.js文件2. 操作LIFECYCLE_HOOKS
<template>
<div>
<button open-type="getUserInfo" @getuserinfo="bindgetuserinfo">用户授权</button>
</div>
</template>
<script>
export default {
methods: {
bindgetuserinfo: function (e) {
console.log(e)
}
}
}
</script>
<style></style>
1. 进入到node_modules --> mpvue --> index.js，操作index.js文件2. 操作LIFECYCLE_HOOKS
在 LIFECYCLE_HOOKS 字段中添加'onGetUserInfo'
在initMP（方法里判断 mpType 格式时除 app component 的 else 里添加方法）
实现：
