微信小程序中與那些賦值方法

微信小程序中與那些賦值方法？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

1.微信小程序?qū)⒅蒂x值給局部變量: "="

實例：

var name=options.goodsName

2.微信小程序?qū)⒅蒂x值給全局變量: "=" 或 this.setData({ })

實例：

this.data.goodName=options.goodsName

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

3.微信小程序?qū)⒕植孔兞抠x值給全局變量 : this.setData({ })

實例：

var name=options.goodsName
this.setData({
goodName: name
})

4.微信小程序?qū)⑷肿兞抠x值給局部變量 :  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;
}

看完上述內(nèi)容，你們掌握微信小程序中與那些賦值方法的方法了嗎？如果還想學到更多技能或想了解更多相關內(nèi)容，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！