微信小程序?qū)崿F(xiàn)同一頁面取值的方法分析
更新時(shí)間：2019年04月30日 10:46:04 作者：weixin_41991473
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)同一頁面取值的方法,結(jié)合實(shí)例形式分析了微信小程序在同一頁面取值的常見情況與具體操作技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)同一頁面取值的方法。分享給大家供大家參考，具體如下：
1.js里單個(gè)的值在wxml里取值方法：js里將該值定義為全局變量，在wxml里采用 {{ }}即可獲取。
實(shí)例：
js里得值：
data{
schoolName:"清華大學(xué)"
}
wxml里獲?。?/p>
<view class="texts">{{schoolName}}</view>
2.js里數(shù)組或是集合在wxml里的取值方法：js里將該集合或數(shù)組定義為全局變量，在wxml里采用for循環(huán)再采用 {{ }}即可獲取。
實(shí)例：
data{
school:[
{ schoolName:"清華大學(xué)",
schoolAddress:"北京"，
schoolTime:"1911"}，
{ schoolName:"浙江大學(xué)",
schoolAddress:"浙江"，
schoolTime:"1935"},
]
}
wxml里獲?。?/p>
<view wx:for="{{school}}">
<view class="texts">{{item.schoolName}}</view>
<view class="texts">{{item.schoolAddress}}</view>
<view class="texts">{{item.schoolTime}}</view>
</view>
3.wxml的值在js里獲取的方法：e.detail.value 或是e.target.dataset.值或是 e.currentTarget.dataset.值
實(shí)例1：
wxml里的值：
<view class="texts">
<input type="text" value="{{schoolName}}" bindinput="addSchoolName" placeholder="請(qǐng)輸入學(xué)校名 如:上海大學(xué)" />
</view>
js里獲取wxml里的值
addSchoolName：function (e) {
this.data.schoolName=e.detail.value
}
實(shí)例2：
wxml里的值：
<view class="texts">
<button data-item="{{item}}" data-as="{{item.schoolAddress}}" bindtap="deleteSchoolAddress">刪除</button>
</view>
js里獲取wxml里的值
deleteSchoolAddress：function (e) {
var SchoolAddrsss=e.currentTarget.dataset.as
var school=e.target.dataset.item
}
附：上述傳值方法只在同一頁面有效
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
相關(guān)文章
js 計(jì)算圖片內(nèi)點(diǎn)個(gè)數(shù)的示例代碼
這篇文章主要介紹了js 計(jì)算圖片內(nèi)點(diǎn)個(gè)數(shù)的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
最近沒有項(xiàng)目做，閑來沒事，于是自己動(dòng)手寫了幾個(gè)表單驗(yàn)證，特此分享供大家參考2015-11-11
網(wǎng)站注冊(cè)的時(shí)候經(jīng)?？梢钥吹矫艽a強(qiáng)度提示，今天自己做了一個(gè)JS密碼強(qiáng)度判斷，具體實(shí)現(xiàn)如下，喜歡的朋友可以學(xué)習(xí)下2013-09-09
JavaScript中判斷為整數(shù)的多種方式及保留兩位小數(shù)的方法
這篇文章主要介紹了JavaScript中判斷為整數(shù)的多種方式,以及保留兩位小數(shù)的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)創(chuàng)建對(duì)象的方法分析
這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)創(chuàng)建對(duì)象的方法,結(jié)合實(shí)例形式分析了javascript使用object構(gòu)造函數(shù)和對(duì)象字面量來創(chuàng)建對(duì)象的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
JavaScript中windows.open()、windows.close()方法詳解
這篇文章主要介紹了JavaScript中windows.open()、windows.close()方法詳解 的相關(guān)資料,需要的朋友可以參考下2016-07-07
前端 javascript 實(shí)現(xiàn)文件下載的示例
這篇文章主要介紹了前端 javascript 實(shí)現(xiàn)文件下載的示例2020-11-11
Uniapp?實(shí)現(xiàn)全民分銷功能原理解析
這篇文章主要介紹了Uniapp?實(shí)現(xiàn)全民分銷功能,本篇文章主要介紹全民分銷功能實(shí)現(xiàn)原理，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了JavaScript命名空間模式,結(jié)合實(shí)例形式分析了javascript命名空間模式的相關(guān)概念、原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
bootstrap導(dǎo)航條實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了bootstrap導(dǎo)航條的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12