微信小程序踩坑记录(持续更新)

1.路径问题

路径前加了"/"是从系统根目录开始

如果没有前缀的话，需要填写正确的路径。

require中的路径目前发现必须是正确的相对路径。

2.map组件异步绘点

map组件构造时，

markers="{{markers}}"

这些markers必须在组件构造前完成赋值，不然无法渲染

一个解决方法是添加一个标识 

haslocation:false,

在获取到markers后值true

然后map组件添加wx:if

<view wx:if="{{haslocation}}">

<map id="map4select"

longitude="{{longitude}}" latitude="{{latitude}}"

markers="{{markers}}"

scale="20"

style="width:{{map_width}}px;height:{{map_height}}px"

bindregionchange="regionchange"

controls="{{controls}}">

</map>

</view>

</view>

但是这样存在一个问题，请求超时或者失败时，地图加载不出来。

3.展开运算符

微信小程序给的模版传入数据的例子里面

<template is="msgItem" data="{{...item}}"/>

...是什么意思呢，查询得知是ES6的展开运算符，具体参考https://blog.youkuaiyun.com/chauncywu/article/details/73060918

按照这个理解的话，加上...展开item后传入的就应该是item内的数据，访问时就可以不用item.attr这样的格式了。不加...的话，就需要item.attr这样访问。

4. target和currentTarget 的区别

event.target返回触发事件的元素
event.currentTarget返回绑定事件的元素