微信小程式開發的原創經驗

一: 參數傳值的方法

1:  data-id
我們可以為HTML元素添加data-*屬性來傳遞我們需要的值,使用方法說明:
(1)設定data-id

(2):  取值+ 傳值

playTap:function(e) {

 e.currentTarget.dataset;

       wx.navigateTo({

         url: '../play/H    console.log(dataset.id);

   }

(3):值

onLoad:function (param) {

    //頁初始化

      param.id

        })

}

data-注意事項:data-名稱不能有大寫字母,曾經我就因為大寫了一個字母,找了半天的才發現這個錯誤..data-*屬性中不可以存放對象

2:  設定id 的方法標識來傳值

使用方法說明:

(1)設定id

(2)取值
透過e.currentTarget.id取得設定的id的值,然後透過設定全域物件的方式來傳遞數值

3:  在navigator中加入參數傳值

使用方法說明

(1)傳值:在navigator的屬性url後拼接?id(參數名稱)=要傳遞的值    (如果多個參數用&分開   &name=value&.......)

(2)取值:

onLoad (params){

        app.fetch(API.detail + }

二:資料請求封裝

1.將所有的介面放在統一的js檔案中並匯出

const api = {

    interface1: 'https://........',

    interface1: 'https://........',

     interface2: 'https://.......',

     interface3: 'https://....',

     .....

}

     .....

}

.

2:在app.js中建立封裝請求資料的方法

  fetch(url,data, callback) {

      wx.request({🠎     data: data,

          header: {

'Content-Type': 'application/json'

          },

          res.data);

          },

          fail(e) { ;

          }

      })

  },

3: 在子頁中調用封裝的方法請求資料為「 = getApp();

const conf = {

    data:{

        title:'正在受載

    onLoad (){

        app.fetch( API.hot,{},(err,data) => {

        })

},

三:使用模板(發現模板真是個好東西哦!)

1:定義模板:name設定模板的名字模板

定義模板