1.wx常用的跳轉(zhuǎn)方法

wx常用的跳轉(zhuǎn)方法

2. bindtap與catchtap的區(qū)別

bindtap與catchtap的區(qū)別

3.小程序分包的問題

?? 分包之后文件會(huì)自動(dòng)創(chuàng)建

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [
    {
      "root": "packageA",
      "pages": [
        "pages/cat",
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    }
  ]
}

4.data自定義屬性（組件上觸發(fā)）

image.png

• data的使用方法：data的屬性名不能包含大寫，data-(任意字符串)。這樣定義true，其類型為字符串。

<view bindtap="goPage" data-type="1">
</view>
<view bindtap="goPage" data-type="true">
</view>

  goPage (e: any) {
    // 如何取值
    const dataset = e.currentTarget.dataset;
    // 這里的true，打印的會(huì)是字符串true哦
    const type = dataset.type;
  }

5.如何獲取屏幕高度

  wx.getSystemInfo({
      success(res) {
        // 獲取屏幕高度
        const cliH = res.widowHeight;
        cliW = res.screenWidth,
        rpxR = 750 / cliW;
        const windowHeight: number = cliH * rpxR;
      }
    })

6.小程序父子傳值的方法

• （1）屬性值綁定

<view>父組件中的name為： {{ name }}</view>
<!-- 通過組件中的name屬性將值傳入 -->
<my-child name="{{ name }}"></my-child>

• (2) 事件綁定

<view>父組件中的name為： {{ name }}</view>
<!-- 通過組件中的name屬性將值傳入 -->
<my-child name="{{ name }}" bind:emitSetTap="setTap"></my-child>

// 子組件
  const name = 'name'
  this.triggerEvent('emitSetTAp', name);

  setTap (e: any) {
    const detail = e.detail;
    const name: string = detail.name;
    console.log(name, '子組件傳過來的name')
  }

• (3) 獲取組件實(shí)例

可在父組件里調(diào)用 this.selectComponent（類名/id） ，獲取子組件的實(shí)例對(duì)象。（父組件將會(huì)獲取 class 為 my-component 的子組件實(shí)例對(duì)象，即子組件的 this） ??：默認(rèn)情況下，小程序與插件之間、不同插件之間的組件將無法通過 selectComponent 得到組件實(shí)例（將返回 null）

getChildComponent () {
    const child = this.selectComponent('.my-child');
    console.log(child)
  }

<view>父組件中的name為： {{ name }}</view>
<!-- 通過組件中的name屬性將值傳入 -->
<my-child name="{{ name }}" bind:emitSetTap="setTap" class="my-child"></my-child>

小程序組件數(shù)據(jù)監(jiān)聽

可以監(jiān)聽類型number、object、string、boolean
（1）可以同時(shí)監(jiān)聽多個(gè)、一次 setData 最多觸發(fā)每個(gè)監(jiān)聽器一次。同時(shí)，監(jiān)聽器可以監(jiān)聽子數(shù)據(jù)字段
（2）僅使用通配符 ** 可以監(jiān)聽全部 setData
（3）需要監(jiān)聽所有子數(shù)據(jù)字段的變化，可以使用通配符 **。 例如對(duì)象下面的所有字段變化的監(jiān)聽

Component({
  attached: function() {
    this.setData({
      numberA: 1,
      numberB: 2,
    })
  },
  observers: {
    'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被設(shè)置時(shí)，執(zhí)行這個(gè)函數(shù)
      this.setData({
        sum: numberA + numberB
      })
    }
  }
})

Component({
  observers: {
    'some.field.**': function(field) {
      // 使用 setData 設(shè)置 this.data.some.field 本身或其下任何子數(shù)據(jù)字段時(shí)觸發(fā)
      // （除此以外，使用 setData 設(shè)置 this.data.some 也會(huì)觸發(fā)）
      field === this.data.some.field
    },
  },
  attached: function() {
    // 這樣會(huì)觸發(fā)上面的 observer
    this.setData({
      'some.field': { /* ... */ }
    })
    // 這樣也會(huì)觸發(fā)上面的 observer
    this.setData({
      'some.field.xxx': { /* ... */ }
    })
    // 這樣還是會(huì)觸發(fā)上面的 observer
    this.setData({
      'some': { /* ... */ }
    })
  }
})

7.behaviors 的使用

定義： 用于實(shí)現(xiàn)組件間代碼共享的特性，類似于vue的"mixins"

**behaviors原文： **https://blog.csdn.net/weixin_46112225/article/details/122408691

后續(xù)后期再更新哦，敬請(qǐng)期待????