扣丁学堂HTML5培训之微信小程序常用赋值方法小结

2019-04-30 13:46:30 2693浏览

今天扣丁学堂HTML5培训老师给大家介绍一下关于微信小程序常用赋值方法小结详解，结合实例形式总结了微信小程序局部变量、全局变量及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;
}

以上就是关于扣丁学堂HTML5培训之微信小程序常用赋值方法小结的全部内容，想要了解更多关于HTML5开发方面内容的小伙伴，请关注扣丁学堂HTML5培训官网、微信等平台，扣丁学堂IT职业在线学习教育有专业的HTML5讲师为您指导，此外扣丁学堂老师精心推出的HTML5视频教程定能让你快速掌握HTML5从入门到精通开发实战技能。扣丁学堂H5技术交流群：673883249。

                            

     【关注微信公众号获取更多学习资料】        【扫码进入HTML5前端开发VIP免费公开课】  

查看更多关于“HTML5开发技术资讯”的相关文章>>