微信小程序的基于MINA框架開發(fā)的。每一個(gè)頁面由 .js(必須) .wxml(必須) .wxss(非必需) .json(非必須) 這四個(gè)文件組成,且命名必須相同。
我們打開pages文件夾下面的index.js.修改
Page({
data: {
motto: '第一頁的Hello World',//這里做了修改
userInfo: {}
}
將motto對(duì)應(yīng)的值做了一下簡單的修改,編譯,可以看到主頁的HellowWorld也已經(jīng)做了相應(yīng)的變化。在看看 .wxml文件
<text class="user-motto">{{motto}}</text>
可以看到有這么一段代碼,而中間的{{motto}} 也剛好對(duì)應(yīng)了.js里面的motto。沒錯(cuò),這就是微信小程序的數(shù)據(jù)綁定。 通過{{ 對(duì)應(yīng).js中的對(duì)應(yīng)的data}}來進(jìn)行綁定。
接下來,我們要將這個(gè)我們修改過的motto設(shè)置成點(diǎn)擊事件,跳轉(zhuǎn)到另一個(gè)頁面并且將參數(shù)傳遞過去。
<view class="usermotto">
<text class="user-motto" bindtap="gotologs">{{motto}}</text>
</view>
gotologs() {
wx.navigateTo({
url: '../logs/logs?motto='+this.data.motto
})
}
由于使用的是ES6語法,你需要在項(xiàng)目里面勾上 ES5轉(zhuǎn)ES6
<view class="usermotto">
<text class="user-motto">{{twomotto}}</text>
</view>
Page({
data: {
},
onLoad: function (options) {
this.setData({
twomotto: options.motto
})
}
})
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)