微信小程序笔记(持续更新

路由跳转主要区别：

uni.navigateTo是跳转到非tabBar上的路径

uni.switchTab是必须跳转到tabBar上的路径

事件对象的属性：

e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件

 e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前(冒泡)的 view 组件

事件传参：

微信小程序不能通过bindtap=add(6)"进行传参，而是通过bindtap="add" data-num="{{6}}"进行传参，num是参数名，event.target.dataset.参数名

navigator：

navigator中的url属性中的要跳转的页面地址必须以/开头

导航到tabBar页面，open-type="switchTab"

导航到非tabBar页面，open-type="navigate",可以省略open-type

监听属性：

监听属性过多可以使用**通配符，例如‘rgb.**’，监听rgb对象上的所有属性

小程序没有计算属性:
（1）npm install --save miniprogram-computed
（2）点击微信开发者工具上方工具栏的 工具 -> 构建npm -> 构建完成点击确定即可

import { behavior as computedBehavior } from 'miniprogram-computed';
Page({
behaviors: [computedBehavior],
})

css的calc属性

1、运算符表达式中有“+”，“-”运算符的，前后必须要有空格。例如：width: calc(100vw - 34px)；
2、任何长度值都可以使用calc()函数进行计算；
3、calc()函数支持 “+”, “-”, “*”, “/” 运算；
4、calc()函数使用标准的数学运算优先级规则；

catchtap

阻止冒泡事件

获取本地图片遇到的问题

wx.chooseMedia()获得的图片是临时地址，我通过后端给的接口直接发送该图片的地址出现了500错误，然后我使用了微信的wx.uploadFile()方法成功获取后端反的图片地址

wx.uploadFile({
      filePath: this.data.imgUrl,
      name: 'file',
      url: 'http://123.249.29.118:8081/wx/sechandGoods/uploadImage',
      header: {
        'authorization': wx.getStorageSync("token"),
        'content-type': 'application/json'
      },
      success(res) {
        console.log('suc', res)
      }
    })