[微信小程序]给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; }
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: 微信小程序--data的赋值与取值
- 下一篇: 小程序学习笔记(三)