微信小程序?qū)崿F(xiàn)同一頁面取值的方法分析

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)同一頁面取值的方法。分享給大家供大家參考，具體如下：

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了神農(nóng)架林區(qū)免費(fèi)建站歡迎大家使用！

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="請輸入學(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
}

附：上述傳值方法只在同一頁面有效

希望本文所述對大家微信小程序開發(fā)有所幫助。

分享文章：微信小程序?qū)崿F(xiàn)同一頁面取值的方法分析
文章源于：http://muchs.cn/article44/jepoee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、定制網(wǎng)站、網(wǎng)站改版、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)