微信小程序之綁定點擊事件實例詳解
微信小程序出來那么久了，趁著有時間自己研究一下，前階段看一了一下，但是不允許個人注冊，現在已經對個人開放了，所以愛好者們可以自己研究了。
首先，我們看一下如何添加底部的標簽欄：在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": "我的"
}
]
}
}
然后看看我們如何通過button來修改數據綁定：
很簡單的操作，首先要在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:'楊磊'
})
}
})
到這里已經把把綁定的微信按鈕傳遞數據做完了
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
