wepy踩坑默默更新

1.wepy中使用vue的:class 会影响编译 建议不要用
2.props 传值 如果使用对象的key 子组件接收不到

例子

<component  :title="obj.aaa"/> //子组件无法接收

3.小程序书写方法一定要规范
今天遇到的坑 在page里写页面事件可以不写在methods里 事件一样会触发
但是写在自定义组件里就不行
4.模板语法的优先级
同样是page里先后顺序没事.. 但是在组件里不报错 但是也找不到对应的值

//bad
<view 
      class="touch-item {{ item.isTouchMove ? 'touch-move-active' : ''}}"
      data-index="{{index}}" 
      wx:for="{{items}}"
      wx:key="{{index}}" 
      @touchstart="touchstart" 
      @touchmove="touchmove" 
      @tap="changeActive" 
      
    >
//good
<view 
      wx:for="{{items}}"
      wx:key="{{index}}" 
      data-index="{{index}}" 
      @touchstart="touchstart" 
      @touchmove="touchmove" 
      @tap="changeActive" 
      class="touch-item {{ item.isTouchMove ? 'touch-move-active' : ''}}"
    >

5.夫传子相关问题

//父页面
<aaa :name:"我是XXX"/>
👆这样的写法子组件是接收不到的 :后面只能接变量
<aaa name:"我是XXX"/>
👆这样就ok了

6.小程序URL传参过长被截断的问题

传送：
wx.navigateTo({
    url: '../video/video?id=' + encodeURIComponent(id)
});

接收：
onLoad: function (query) {
    var url = decodeURIComponent(query.id);
}

需要转义 如果是JSON还需要序列化
慢慢更新...