开发微信小程序记录随笔

最新推荐文章于 2022-09-15 11:49:32 发布

chunxue8373

最新推荐文章于 2022-09-15 11:49:32 发布

阅读量220

点赞数

文章标签： json

原文链接：https://my.oschina.net/u/3964830/blog/3017688

版权

前段时间开发了一个微信小程序--HRX抽奖，大家有兴趣可以搜索看看

下面我记录一下开发中遇到的问题，和比较常用到的点

路由跳转:

1.wx.navigateTo({

    url:'/xxxx'

})   //保存当前页，跳转到指定页面

2.wx.redirectTo({

    url:'xxx'
})//关闭当前页，跳转到指定页面

3.wx.relaunch({

    url:'xxxxx'
})//关闭所有的页面，跳转到指定页面

4.wx.switchTab({

  url:'xxx'
})//跳转到tabBar页面，关闭所有页面

不同页面间的传值（超级有用！！！）

//获取所有页面栈
const pages = getCurrentPages()

//当前页面栈 const nowPage = pages[pages.length-1]
//上一个页面 const prePage = pages[pages.length-2]

console.log(prePage )//可以拿到上一页面的数据，具体可以自行测试打印

解决iphone X机型底部兼容Bug

iphone X XR Xmax底部都有一条横线，会覆盖页面底部内容，所以要做处理，解决办法如下：

wx.getSystemInfo({

  success:res=>{
      console.log(res.model)//返回的手机信息，search('iphone X') 如果能够查询到，对页面底部样式做出改变

  }
})

更新数据：

data:{
  num:234,//属性值结构简单
  prossion:{
    name:'小米',
    sex:'男'
  },//属性是json结构
  list:[{
      like:'打篮球',
      coolect:'aaa'
   }]//属性值是列表结构

}

//简单结构
this.setData({
  name:'小红'
})

//json结构
set(key,newValue){
  const val = 'prossion.'+key
  this.setData({
    [val]:newValue
  })
}

//属性值是列表结构

set(index,key,newValue){
  const val = 'list['+index+'].'+key
  this.setData({
    [val]:newValue
  })
}

转载于:https://my.oschina.net/u/3964830/blog/3017688