微信小程序中綁定點擊事件的示例分析-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“微信小程序中綁定點擊事件的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序中綁定點擊事件的示例分析”這篇文章吧。

創(chuàng)新互聯(lián)公司公司2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目成都網(wǎng)站設(shè)計、做網(wǎng)站網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元平壩做網(wǎng)站,已為上家服務(wù),為平壩各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

微信小程序之綁定點擊事件實例詳解

微信小程序出來那么久了,趁著有時間自己研究一下,前階段看一了一下,但是不允許個人注冊,現(xiàn)在已經(jīng)對個人開放了,所以愛好者們可以自己研究了。


首先,我們看一下如何添加底部的標簽欄:在app.json里操作


{
 "pages":[
 //在這里添加頁面的路徑
  "pages/index/index",
  "pages/logs/logs",
   "pages/home/home"
 ],
 "window":{
  "backgroundTextStyle":"light",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTitleText": "樂動健身館",
  "navigationBarTextStyle":"black",
  "enablePullDownRefresh": true

 },
 //添加標題欄
 "tabBar": {
  "list": [{
   "pagePath": "pages/index/index",
   "text": "首頁"

  },
  {
   "pagePath": "pages/logs/logs",
   "text": "日志"

  },{
   "pagePath": "pages/home/home",
   "text": "我的"

  }
  ]
 }
}

然后看看我們?nèi)绾瓮ㄟ^button來修改數(shù)據(jù)綁定:

微信小程序中綁定點擊事件的示例分析

很簡單的操作,首先要在home.wxml來做設(shè)置:


<view>
//這里{{name}}!來修改所需要綁定的字符串
  <view>Hello {{name}}!</view>
  // bindtap 點擊事件
  <button bindtap="changeName">點擊我,換名字</button>
</view>

然后在home.js里邊做配置:


var helloData ={
  name: 'wechat'
}
Page({
  data:helloData,
  changeName:function(e){
    this.setData({
      name:'楊磊'
    })
  }
})

到這里已經(jīng)把把綁定的微信按鈕傳遞數(shù)據(jù)做完了

以上是“微信小程序中綁定點擊事件的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

本文標題:微信小程序中綁定點擊事件的示例分析-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://bm7419.com/article34/hcdpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)微信公眾號、小程序開發(fā)網(wǎng)站排名、Google、網(wǎng)站收錄

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司