溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序實現同一頁面取值的方法分析

發布時間:2020-10-07 22:24:51 來源:腳本之家 閱讀:254 作者:weixin_41991473 欄目:web開發

本文實例講述了微信小程序實現同一頁面取值的方法。分享給大家供大家參考,具體如下:

1.js里單個的值在wxml里取值方法:js里將該值定義為全局變量,在wxml里采用 {{ }}即可獲取。

實例:

js里得值:

data{
schoolName:"清華大學"
}

wxml里獲?。?/p>

<view class="texts">{{schoolName}}</view>

2.js里數組或是集合在wxml里的取值方法:js里將該集合或數組定義為全局變量,在wxml里采用for循環再采用 {{ }}即可獲取。

實例:

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
}

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

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女