开发微信小程序 记录随笔

前段时间开发了一个微信小程序--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
  })
}