微信小程序-bug- 調(diào)用wx.login()無響應(yīng)的原因和解決方案

很多微信小程序開發(fā)者，都會(huì)遇到這樣的情況，在調(diào)用wx.login()的時(shí)候，在部分IOS上無響應(yīng)的情況，那么這種情況要如何解決？

響應(yīng)結(jié)果如下： 
分析結(jié)果，我們知道，login接口一直處于pending狀態(tài)，如果加了timeout時(shí)間后，在complate回調(diào)中可觸發(fā)； 
那為什么login方法一直是pending呢？？？？

發(fā)現(xiàn)頁面中其實(shí)用了新組件

1. <open-data type="userAvatarUrl"></open-data> <open-data type="userNickName"></open-data>

這個(gè)組件是用來顯示微信的“頭像”和“昵稱”的，本著“試一試，萬一可以呢”的原則，果斷刪除了該組件，再次運(yùn)行，好了，神奇了嗨！

在調(diào)用wx.login()方法前，我先使用open-data標(biāo)簽渲染了“頭像”和“昵稱”，但是為啥先使用組件后就GG了？可能是微信渲染自帶線程的吧，我的使用方法，違背了微信的渲染機(jī)制，導(dǎo)致了線程阻塞（我猜的哈）；

回頭想想，也是哈，尚未登陸就渲染了頭像和昵稱，節(jié)奏不是這樣的；就像警察查身份證，還沒刷機(jī)器，就知道你叫啥了，住哪里，不科學(xué)了對吧。

所以，要顯示頭像和昵稱的open-type組件，必須在調(diào)用wx.login()的API后，再行渲染；  知道了原因，解決起來就很簡單了，定義一個(gè)變量isLogin，用來記錄wx.login()是否已調(diào)用  let isLogin = false wx.login({ success: function(res) { if (res.code) { //發(fā)起網(wǎng)絡(luò)請求 isLogin = true; } } });

然后將isLogin綁定在頁面的data對象中，我就不寫了哈，然后在頁面中，用wx:if判斷就可以了

1. <open-data wx:if='{{isLogin}}' type="userAvatarUrl"></open-data> <open-data wx:if='{{isLogin}}' type="userNickName"></open-data>

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。更多小程序商店請查看：小程序商店