微信小程序開發-點擊事件，獲取元素id，頁面傳值 & 獲取js裏的數據

時間 2019-12-10

原文原文鏈接

一、從0開始寫小程序（一）點擊事件，獲取元素id，頁面傳值程序員

不是專業程序員，忽然就想研究一下微信小程序的開發，開發一個實時的菜價系統小程序，新手一個，什麼都不懂，就從0開始，想着寫個博客把遇到的問題和解決的辦法一點點的寫下來吧。小程序

首先遇到的問題就是參數傳遞；微信小程序

小程序裏的點擊觸發事件、如何獲取當前元素的id、如何吧值傳遞到下一個頁面例：
wxml裏：微信

<view class="kindleft">

  <a catchtap="gotoresult" id="vegetables" class="button">蔬菜類a>

</view>

catchtap是點擊觸發觸發的內容是等於號後面「」裏的函數方法
js裏：函數

gotoresult:

  function (e) {
   
    var kind = e.target.id

        console.log(kind);

    wx.navigateTo({
url: '../result/result?kind='+kind});
  
    }

觸發了函數，這裏的重點是經過e.target.id
能夠獲取當前控件的id值，經過wx.navigateTo跳轉頁面，在url裏寫參數（如?kind=kind）的方式傳遞值，
在下一個頁面裏，經過onload裏options.kind的方法獲取傳過來的值，這裏的kind即上面寫的參數名稱，如：
this

onLoad: function (options) {

      var ta=options.kind;   
    console.log(txt);
  
},

二、從0開始寫小程序（二）獲取js裏的數據url

wxml如何獲取js裏的數據spa

例：
wxml裏：code

<text id="twl">{{txt}}text>

經過上面的{{txt}}能夠對應獲取js裏data下定義的txt的值
js裏：xml

data: {

    txt:{}
    }

首先在data裏定義一個「容器」txt：{}，{}內爲空表明是從別的地方傳值進去，固然{}裏也能夠直接寫數據，如txt：{‘123’}，上面的wxml獲取了就至關於 123；經過其餘方法傳值到容器裏用一個this.setData({})的方法，如：

onLoad: function (options) {
 
     var ta=options.kind;

      this.setData({

        txt:ta,

      })

 },

這樣上面data裏定義的txt的值就是ta的值了。

坑爹的遇到一個問題，小程序必定要用https；去騰訊雲申請了個免費的，而後搞半天，一直綁定不上提示「指定的登陸會話不存在...」後來才知道原來是要先雙擊證書文件安裝證書的...尷尬

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。