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

高洛峰
發布: 2017-02-16 10:24:34
原創
1467 人瀏覽過

一: 參數傳值的方法


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設定模板的名字模板

定義模板

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板