微信小程序同一页面的取值

1.js里单个的值在wxml里取值方法:js里将该值定义为全局变量,在wxml里采用 {{ }}即可获取。

实例:

 js里得值:

data{

schoolName:"清华大学"

}

wxml里获取:

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


2.js里数组或是集合在wxml里的取值方法:js里将该集合或数组定义为全局变量,在wxml里采用for循环再采用 {{ }}即可获取。

实例:

data{

school:[

{ schoolName:"清华大学",

schoolAddress:"北京",

schoolTime:"1911"},

{ schoolName:"浙江大学",

schoolAddress:"浙江",

schoolTime:"1935"},

]

}

wxml里获取:

<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里的值

deleteSchoolAddressfunction (e) {

var SchoolAddrsss=e.currentTarget.dataset.as

var school=e.target.dataset.item

}


附:上述传值方法只在同一页面有效


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值