微信小程序常用賦值方法小結(jié)
更新時(shí)間：2019年04月30日 11:07:47 作者：weixin_41991473
這篇文章主要介紹了微信小程序常用賦值方法,結(jié)合實(shí)例形式總結(jié)了微信小程序局部變量、全局變量及data對(duì)象屬性賦值相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序常用賦值方法。分享給大家供大家參考，具體如下：
1.微信小程序?qū)⒅蒂x值給局部變量: "="
實(shí)例：
var name=options.goodsName
2.微信小程序?qū)⒅蒂x值給全局變量: "=" 或 this.setData({ })
實(shí)例：
this.data.goodName=options.goodsName
this.setData({
goodName: options.goodsName
})
3.微信小程序?qū)⒕植孔兞抠x值給全局變量 : this.setData({ })
實(shí)例：
var name=options.goodsName
this.setData({
goodName: name
})
4.微信小程序?qū)⑷肿兞抠x值給局部變量 : this.data.全局變量
實(shí)例：
var name=this.data.goodName
注：僅適用于js頁(yè)面
微信小程序給data的對(duì)象的屬性賦值
<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="請(qǐng)輸入姓名" 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;
}
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
相關(guān)文章
基于JavaScript實(shí)現(xiàn)輪播圖代碼
在前端程序開發(fā)中，經(jīng)常會(huì)實(shí)現(xiàn)js輪播圖的效果，怎么實(shí)現(xiàn)的呢？下面小編給大家分享基于基于JavaScript實(shí)現(xiàn)輪播圖代碼 ，非常不錯(cuò)，感興趣的朋友可以參考下2016-07-07
JavaScript實(shí)現(xiàn)函數(shù)返回多個(gè)值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)函數(shù)返回多個(gè)值的方法,涉及javascript字典類型的使用技巧,需要的朋友可以參考下2015-06-06
JS實(shí)現(xiàn)隨機(jī)生成字符串(可指定長(zhǎng)度)的示例代碼
本文主要介紹了JS實(shí)現(xiàn)隨機(jī)生成字符串(可指定長(zhǎng)度)的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
一文概述ES7~12的語(yǔ)法及其相關(guān)使用規(guī)則
隨著JavaScript這門語(yǔ)言越來(lái)越流行，使得JavaScript這門語(yǔ)言越來(lái)越完善，這篇文章主要介紹了一文概述ES7~12的語(yǔ)法及其相關(guān)使用規(guī)則，需要的朋友可以參考下2023-01-01
JavaScript阻止事件冒泡和默認(rèn)行為的方法舉例
JavaScript事件的默認(rèn)行為指瀏覽器自動(dòng)執(zhí)行的操作,如鏈接跳轉(zhuǎn)或表單提交,阻止這些行為可以使用event.preventDefault()、return?false或event.returnValue屬性,event.stopPropagation()用于阻止事件傳播,不直接阻止默認(rèn)行為,需要的朋友可以參考下2024-10-10
JavaScript頁(yè)面刷新與彈出窗口問(wèn)題的解決方法
解決JavaScript頁(yè)面刷新與彈出窗口問(wèn)題2010-03-03
uniapp基礎(chǔ)知識(shí)點(diǎn)掌握以及面試題整理
uni-app是一個(gè)使用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,下面這篇文章主要給大家介紹了關(guān)于uniapp基礎(chǔ)知識(shí)點(diǎn)掌握以及面試題整理的相關(guān)資料,需要的朋友可以參考下2023-02-02
微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖
這篇文章主要介紹了微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JS實(shí)現(xiàn)頁(yè)面中所有img對(duì)象添加onclick事件及新窗口查看圖片的方法
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面中所有img對(duì)象添加onclick事件及新窗口查看圖片的方法,涉及JS頁(yè)面元素遍歷及屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12
微信內(nèi)置瀏覽器屏蔽了下載鏈接，如果用戶是用微信內(nèi)置瀏覽器打開的，則提示用戶換一個(gè)瀏覽器打開頁(yè)面，那么該如何判斷用戶是否是用微信瀏覽器呢2014-06-06