定制开发微信小程序_微信小程序常用赋值方法小

2021-01-07 14:17

微信小程序常用赋值方法小结       这篇文章主要介绍了微信小程序常用赋值方法,结合实例形式总结了微信小程序局部变量、全局变量及data对象属性赋值相关操作技巧,需要的朋友可以参考下

本文实例讲述了微信小程序常用赋值方法。分享给大家供大家参考，具体如下：

1.微信小程序将值赋值给局部变量: "="

实例：

var name=options.goodsName

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

实例：

this.data.goodName=options.goodsName

view wx:for="{{leixing}}" button class="leixing_btn {{r.lx_btn==item.divingtypeid 'lx_btn' : ''}}" bindtap="lx_btn_click" data-name="{{item.divingtypeid}}" id="{{item.divingtypeid}}" {{item.name}} /button /view input type="text" placeholder="请输入姓名" bindinput ="user_nameInput" name="user_name" id="name" /

js

 data: {
 r:{
 user_name:'',
 phone:'',
 lx_btn: 0,
 lx_btn_click: function (e) {
 var lx_btn = 'r.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 = 'r.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;

希望本文所述对大家微信小程序开发有所帮助。