uni-app中微信小程序按钮无法获取用户信息，出现“GetUserInfo is not a function”错误。

分类：uni-app

按钮

各位兄弟，最近在学习Hcoder网站的“悦读”实例，里面有一个用uni-app写微信小程序登录，点击按钮显示登录信息。在uni-app的vue代码中这样写：

<button type="primary" open-type="getUserInfo" @getuserinfo="GetUserInfo">使用微信登录</button>

  export default {  
data() {  
    return {  
    }  
},  
methods:{  
    getUserInfo: function(res){  
        console.log(res);  
    }  
},  

 这里编译是没有错误信息的，但是到了微信小程序开发工具里，当点击按钮时，显示：

thirdScriptError
_vm.GetUserInfo is not a function; [Component] Event Handler Error @ pages/login/login#handleEvent
Error: _vm.GetUserInfo is not a function
at http://127.0.0.1:11698/appservice/common/vendor.js:857:23
at Array.forEach (<anonymous>)
at http://127.0.0.1:11698/appservice/common/vendor.js:847:23
at Array.forEach (<anonymous>)
at H.handleEvent [as e] (http://127.0.0.1:11698/appservice/common/vendor.js:837:17)
at Object.r.safeCallback (http://127.0.0.1:11698/appservice/dev/WAService.js:1:818220)
at http://127.0.0.1:11698/appservice/dev/WAService.js:1:959033
at f (http://127.0.0.1:11698/appservice/dev/WAService.js:1:964380)
at http://127.0.0.1:11698/appservice/dev/WAService.js:1:963487
at http://127.0.0.1:11698/appservice/dev__/WAService.js:1:229997

请问这里到底是啥问题，尝试了几天，都不行。

2019-06-12 19:51 负责人:无分享

10 个回复

o***@qq.com (作者) - 70后IT男

谢谢解答，问题解决了！！

1***@qq.com

我也遇到了这个错误，不知道怎么回事啊，楼主能解答一下吗 0.0

2019-07-08 17:44
ponyzhang

回复 1***@qq.com:函数名字问题，正确格式：@getuserinfo="onGotUserInfo" ，事件里面的函数名一定用驼峰法命名

2019-08-13 14:16
9***@qq.com

回复 ponyzhang: 驼峰命名也不行怎么说

2020-04-19 08:55

DCloud_UNI_FXY

注意自己模板里写的方法名的大小写

datena - 全栈信不信

全都是小写不行
<button open-type="getUserInfo" type="primary" bindgetuserinfo="bindgetuserinfo">立即登录</button>

methods: {  

            //微信小程序登录  
            bindgetuserinfo(res){  
                console.log("res: " + JSON.stringify(res));  
            },  
}

Fancye

我也碰到这样的问题，@getuserinfo="userInfo" ，我也碰到同样的问题，函数名是驼峰形式的，但是还是报错找不到这个函数。

<!-- #ifdef MP-WEIXIN -->  
<button class="" open-type="getUserInfo" @getuserinfo="userInfo" withCredentials="true">微信授权获取用户信息</button>  
<!-- #endif -->  

methods: {  
            userInfo(){  
                if(!res.detail.iv){  
                    uni.showToast({  
                        title: "您取消了授权，登录失败！"  
                    });  
                    return false;  
                }  
                console.log('-------用户授权，并获取用户基本信息和加密数据------')  
                console.log(res.detail);  
            }  
}

报错信息：

thirdScriptError  
 _vm.userInfo is not a function; [Component] Event Handler Error @ pages/index/index#handleEvent  
Error:  _vm.wxGetUserInfo is not a function