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

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.csdn.net/chauncywu/article/details/73060918

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