開發微信小程序 記錄隨筆

前段時間開發了一個微信小程序--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
  })
}