关于小程序:小程序-笔记实用

小程序注意事项

• web-view 内部援用必须是 https （下载文件也要配置）
• 小程序 web-view 配置后不失效 等几个小时 或者睡一觉就好了

小程序根底

加载事件

onLoad() 页面加载时触发，只会调用一次，可获取以后页面门路中的参数。
onShow() 页面显示/切入前台时触发，个别用来发送数据申请；
onReady() 页面首次渲染实现时触发, 只会调用一次，代表页面已可和视图层进行交互。
onHide() 页面暗藏/切入后盾时触发, 如底部 tab 切换到其余页面或小程序切入后盾等。
onUnload() 页面卸载时触发，如redirectTo或navigateBack到其余页面时

贮存

存：wx.setStorageSync('token', '48gw9p7829529Vv3ccJyZMvpsEOtJuVHKk9RtX1vCO4=');
取：wx.getStorageSync('token')

for 循环

wx:for="{{list}}"

if 判断

/* js /
wx:if="{{ a > 5 }}"
wx:elif="{{ a < 5 }}"
wx:else
/* view */
<view wx:if="{{ !a }}">逻辑非</view>
<view wx:if="{{ a || b }}">逻辑或</view>
<view wx:if="{{ a && b }}">逻辑与</view>

点击事件（相当于click）

 bindtap="bindViewTap"

data 赋值

that.setData({
    list:res.data
})
// 打印
console.log(that.data.patient)

参数传递、获取参数

// 参数传递
data-num="{{item.id}}"

// 获取参数
console.log(e.currentTarget.dataset.num)

页面跳转

  bindViewTap() {
    wx.navigateTo({
      url: '../abnormal/abnormal'
    })
  },

页面传参跳转

<navigator url="../detail/detail?id={{item.id}}" >查看</navigator>

/*获取当前页地址参数*/
onLoad(e) {
    console.log(e.id)
}

/* 页面跳转（接口内写）*/
wx.navigateTo({
    url: '../mine/mine'
})

小程序问题 及 解决方案

小程序获取手机号

<!-- wxml -->
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="wx-button">获取手机号</button>


<!-- js -->
getPhoneNumber: function(e) {
  console.log(e)
},

如呈现该弹框 须要小程序认证