微信小程序新手遇见的问题

目录

用 [TOC]来生成目录：

微信小程序新手遇见的问题 目录wxrequest数据请求失败请求豆瓣电影数据报错不在以下合法域名列表内请参考文档元素的显示隐藏hidden和wxif wxif vs hidden

wx.request(数据请求失败)

wx.request({ url: 'http://m.qqdyw.cn/lottery/draw/key', //仅为示例，并非真实的接口地址 data: {}, header: { 'content-type': 'application/json' }, success: function (res) { console.log(res.data) }, fail: function () { console.log("fail") }, }) 在这里有时候数据请求失败需要将下面 header: { 'content-type': 'application/text' },

请求豆瓣电影数据报错：不在以下合法域名列表内，请参考文档：…

需要在开发者工具内 即可使用。

元素的显示隐藏hidden和wx：if

wx:if vs hidden

<view class="bar" hidden="{{true}}"> <text>内容1-true</text> </view> <view class="bar" hidden="{{false}}"> <text>内容2-false</text> </view> <view class="" wx:if="{{true}}"><text>if-true</text></view> <view class="" wx:if="{{false}}"><text>if-false</text></view>

项目truefalsehidden隐藏显示wx:if显示隐藏

注意：hidden只在text有效，在view中无效，原因是1.view上指定有display，把hidden的display覆盖了。 官方给出的答案是：

权重设定是这样： 1.普通的单个类选择器（除了id选择器）都不会覆盖 view[hidden]； 2.id选择器和组合选择器都会覆盖 view[hidden] 。

在获取wxml节点的高度的时候代码如下wx.createSelectorQuery().selectAll('.drawer').boundingClientRect(function (rects) { console.log(rects) }).exec() 此时：如果是用wx:if隐藏，是无法获取wxml节点的。如果用hidden隐藏，就可以获取到节点，但仍无法获取节点定位信息。