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

在 LIFECYCLE_HOOKS 字段中添加'onGetUserInfo'

在initMP（方法里判斷 mpType 格式時除 app component 的 else 里添加方法）

實現：