微信小程序常用赋值方法小结
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序常用赋值方法,结合实例形式总结了微信小程序局部变量、全局变量及data对象属性赋值相关操作技巧,需要的朋友可以参考下
本文实例讲述了微信小程序常用赋值方法。分享给大家供大家参考，具体如下：
1.微信小程序将值赋值给局部变量: "="
实例：
var name=options.goodsName
2.微信小程序将值赋值给全局变量: "=" 或 this.setData({ })
实例：
this.data.goodName=options.goodsName
this.setData({
goodName: options.goodsName
})
3.微信小程序将局部变量赋值给全局变量 : this.setData({ })
实例：
var name=options.goodsName
this.setData({
goodName: name
})
4.微信小程序将全局变量赋值给局部变量 : this.data.全局变量
实例：
var name=this.data.goodName
注：仅适用于js页面
微信小程序给data的对象的属性赋值
<view wx:for="{{leixing}}">
<button class="leixing_btn {{user_infor.lx_btn==item.divingtypeid ? 'lx_btn' : ''}}" bindtap="lx_btn_click" data-name="{{item.divingtypeid}}" id="{{item.divingtypeid}}">{{item.name}}</button>
</view>
<input class='tj_input' type="text" placeholder="请输入姓名" bindinput ="user_nameInput" name="user_name" id="name" />
js
data: {
user_infor:{
user_name:'',
phone:'',
lx_btn: 0,
},
}
lx_btn_click: function (e) {
var lx_btn = 'user_infor.lx_btn'
var that = this;
if (that.data.lx_btn === e.target.dataset.name) {
return false;
} else {
that.setData({
[lx_btn]: e.target.dataset.name
})
}
},
phoneInput:function(e){
var phone = 'user_infor.phone'
var that = this
that.setData({
[phone]: e.detail.value
})
}
css
.leixing_btn{
font-size: 23rpx;
display: flex; text-align:center;
border:1px solid #eee;
border-radius:10rpx;
padding: 8rpx 20rpx 8rpx 20rpx;
background-color: white;
margin-left: 20rpx;
}
.lx_btn {
color: red;
}
希望本文所述对大家微信小程序开发有所帮助。