2021-01-02

小程序第三天

后退


后退
  getBack() {
    wx.navigateBack({
      delta: 1,
    })
  },
    

跳转到消息页面
跳转到day2页面

  

跳转到message页面

跳转到gotoDay2页面


 count的值为： {
    {count}}

+1


{
    {m1.toUpper(username)}}


 //  向外暴露一个方法
  module.exports.toUpper = function(str) {
    return str.toUpperCase()
  }
 




{
    {m2.method(country)}}

     // 导航传递的参数
    query: {},
    count: 0,
    username: '',
    country: 'DSDDF'

  // 点击按钮 count 自增加1 事件
  addCount () {
    this.setData({
      count: this.data.count + 1
    })
  },
  // 通过编程式导航跳转到tabBar页面 message页面
  gotoMessage() {
    wx.switchTab({
      // 代表跳转的路径
      url: '/pages/message/message',
    })
  },
  // 通过编程式导航跳转到非tabBar页面 day2页面
  gotoDay() {
    wx.navigateTo({
      url: '/pages/day2/day2?name=李&gender=男',
    })
  },
      
// 通过声明式导航和编程式导航 都可以
    // 在onLoad声明周期函数中获取传递的参数
    // console.log(options);
    // 将导航传递的参数转存在data中
    this.setData({
      query: options
    })

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    // 触发了下拉刷新事件就会立即调用该方法
    console.log("触发了下拉刷新");
    // 触发了下拉刷洗就将data中的count重置为0
    this.setData({
      count: 0
    })
    wx.request({
      url: '',
      method: 'GET',
      success: (res) => {
        xxx: res.data
        // 数值处理完毕，就可以关闭下拉刷新的事件了
        wx.stopPullDownRefresh()
      }
    })
  },
      
   /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  /*
  上拉触底事件不需要开启，直接监听就可以
  在全局配置的window节点中或者页面的配置文件中可设置触底距离：
  上拉触底的距离：默认50像素，单位省去,我们会在触发了上拉触底事件时获取下一页的数据
  "onReachBottomDistance": 50
  */
  console.log("触发了上拉触底事件");
  /*
  在上拉触底事件中，需要做节流处理
  防止频繁触发该事件导致频繁发起请求
  */
  },