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还需要序列化
慢慢更新...
