微信小程序常用賦值方法小結

2020-03-21 15:58:23

字體：大中小

來源：轉載

供稿：網友

本文實例講述了微信小程序常用賦值方法。分享給大家供大家參考，具體如下：

1.微信小程序將值賦值給局部變量: "="

實例：

var name=options.goodsName

2.微信小程序將值賦值給全局變量: "=" 或 this.setData({ })

實例：

this.data.goodName=options.goodsName

this.setData({goodName: options.goodsName})

3.微信小程序將局部變量賦值給全局變量 : this.setData({ })

實例：

var name=options.goodsNamethis.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" />

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

希望本文所述對大家微信小程序開發有所幫助。

上一篇：微信小程序頁面間傳值與頁面取值操作實例分析

下一篇：微信小程序實現同一頁面取值的方法分析