微信小程序常用賦值方法小結
更新時間:2019年04月30日 11:07:47 作者:weixin_41991473
這篇文章主要介紹了微信小程序常用賦值方法,結合實例形式總結了微信小程序局部變量、全局變量及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; }
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
使用uniapp打包微信小程序時主包和vendor.js過大解決(uniCloud的插件分包)
每個使用分包小程序必定含有一個主包,所謂的主包,即放置默認啟動頁面/TabBar頁面,以及一些所有分包都需用到公共資源/JS 腳本,下面這篇文章主要給大家介紹了關于使用uniapp打包微信小程序時主包和vendor.js過大解決的相關資料,,需要的朋友可以參考下2023-02-02layui實現(xiàn)數(shù)據(jù)表格隱藏列的示例
今天小編就為大家分享一篇layui實現(xiàn)數(shù)據(jù)表格隱藏列的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10正則中的回溯定義與用法分析【JS與java實現(xiàn)】
這篇文章主要介紹了正則中的回溯定義與用法,結合實例形式分析了回溯的概念、功能并提供了JS與java實現(xiàn)方法,需要的朋友可以參考下2016-12-12基于JS實現(xiàn)Android,iOS一個手勢動畫效果
這篇文章主要介紹了基于JS實現(xiàn)Android,iOS一個手勢動畫效果 的相關資料,需要的朋友可以參考下2016-04-04