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