微信小程序之綁定點擊事件實例詳解
微信小程序之綁定點擊事件實例詳解
微信小程序出來那么久了,趁著有時間自己研究一下,前階段看一了一下,但是不允許個人注冊,現(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來做設置:
<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ù)做完了
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
前端可視化搭建定義聯(lián)動協(xié)議實現(xiàn)
這篇文章主要為大家介紹了前端可視化搭建定義聯(lián)動協(xié)議實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-05-05JS網(wǎng)頁repaint與reflow?的區(qū)別及優(yōu)化方式
這篇文章主要為大家介紹了JS網(wǎng)頁repaint與reflow?的區(qū)別及優(yōu)化方式,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09微信小程序 詳解Page中data數(shù)據(jù)操作和函數(shù)調(diào)用
這篇文章主要介紹了微信小程序 詳解Page中data數(shù)據(jù)操作和函數(shù)調(diào)用的相關資料,需要的朋友可以參考下2017-01-01微信小程序 數(shù)組中的push與concat的區(qū)別
這篇文章主要介紹了微信小程序 數(shù)組中的push與concat的區(qū)別的相關資料,需要的朋友可以參考下2017-01-01