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

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

}


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


阅读更多
版权声明: https://blog.csdn.net/weixin_41991473/article/details/79947250
个人分类: 微信小程序
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭