入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

[微信小程序]给data的对象的属性赋值

创建时间:2017-09-28 投稿人: 浏览次数:3382
<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;
}


            
                
				
			
		
        	
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
  • 上一篇:没有了
  • 下一篇:没有了
未上传头像