今日复盘3-30 - jinglisha - 沸点 - 掘金

前端 @硬件 | 组件 | 小程序 | uniapp

今日复盘3-30
今天主要是写蓝牙项目uniapp版。
1、uniapp 跨页面如何传递数据?
解决：
// a页面
uni.navigateTo({
url: `../deviceAdd/deviceAdd?deviceListBind=${encodeURIComponent(JSON.stringify(_this.deviceListBind))}`
});
// b页面
onLoad(option) {
const deviceListBind = JSON.parse(decodeURIComponent(option.deviceListBind));
console.log('上一个页面传递过来的参数对象'+deviceListBind );
}

2、uniapp nvue页面如何让div充满全屏？
解决：<div :style="{width:750rpx, height: windowHeight+ 'px'}"></div>
3、uniapp nvue页面三元运算符小于号判定成规范错误，当成标签的括号了
解决：用 computed 计算属性
4、写在html里的是遮不住原生的标题栏
5、uniapp二级页面返回上一页时，不触发onHide事件
解决: onHide换成onUnload, 页面销毁后就没有onHide了

uniapp.dcloud.io
6、uniapp nvue页面如何触发手势事件
解决: <view
@touchstart="start($event,item.id)"
@touchmove="move"
@touchend="end"
:style="[{
transform: touch.id == item.id ? 'translateX('+ touch.moveX+'px)': 0
}]"
>
</view>
7、uniapp 图片如何自适应？
解决: <image style="width:750rpx" mode="widthFix

展开

今天学到了

赞过