微信小程序常用赋值方法小结

  • A+
所属分类:网络技术
摘要

1.微信小程序将值赋值给局部变量: "="实例:2.微信小程序将值赋值给全局变量: "=" 或 this.setData({ })

微信小程序常用赋值方法小结

微信小程序常用赋值方法小结

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; }

  • 我的微信公众号
  • 扫一扫关注
  • weinxin
  • 我的新浪微博号
  • 扫一扫关注
  • weinxin
小辉博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: