E企盈营销工具技术服务商 热线:4006-838-530

小程序实左权县E企盈小程序现表单动态数据双向绑定

小程序实现表单动态数据双向绑定viewhtmljsview效果是输入表单内容,在名片上实时显示。html这里选择三个属性作为例子: view class="topLeft"           view{{userTop.company}}/view           view{{userTop.name}}/view           view{{userTop.position}}/view/view view class="section"        view姓名/view        input name="name" bindinput="bindInput" data-item="name" placehold开通复古眼镜小程序电话:4006-838-530er="请输入姓名" placeholder-style="color:#ccc;" value="{{user.name}}" / /view view class="section"        view公司/view        input name="company" bindinput="bindInput" data-item="company" placeholder="请输入公司名称" placeholder-style="color:#ccc;" value="{{user.company}}"//viewview class="section"        view职务/view        input name="position" bindinput="bindInput" data-item="position"  placeholder="请输入职务名称" placeholder-style="color:#ccc;" value="{{user.position}}"//view

js data: {    //表单数据    user:{      name:"",      phone:"",      email:"",      company: ""开通数码相机小程序电话:4006-838-530,      position: "",      region: [],      intro:""    },    //显示数据    userTop:{      name:"姓名",      phone开通仿真水草小程序电话:4006-838-530:"电话",      email:"邮箱",      company: "公司名称",      position: "职位名称",      region: [],    },  },  bindInput: function(e){    let item=e.currentTarget.dataset.item; //在每个input绑定不同的item作为标识    const userTop=this.data.userTop    userTop[item]=e.detail.value //对象的属性名称是动态判定时,通过方括号标记访问    this.setData({      userTop    })  }

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序实左权县E企盈小程序现表单动态数据双向绑定
分享到:更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏