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

最新推荐文章于 2024-09-11 16:39:06 发布

不回头的蜗牛

最新推荐文章于 2024-09-11 16:39:06 发布

阅读量760

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序 UI

本文链接：https://blog.youkuaiyun.com/w18637468680/article/details/79825843

微信小程序同时被 2 个专栏收录

3 篇文章

订阅专栏

3 篇文章

订阅专栏

本文探讨了微信小程序开发中遇到的问题及解决方案，包括路径配置、map组件使用、ES6展开运算符及事件目标区别等内容。

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返回绑定事件的元素