微信小程序TDesign的输入框组件双向绑定实现

  handleInputChange(e){
    // 取出实时的变量值
    let value = e.detail.value;
    let fieldName = e.target.dataset.fieldName;
    this.setData({
      [`${fieldName}`]: value
    })
    console.log('绑定的输入框:',[`${fieldName}`],'value值:',value)

  },
<t-input label="* 设备名称" placeholder="请输入设备名称" align="right" value="{{dvice_ame}}" data-field-name="dvice_ame" bind:change='handleInputChange' />
<t-input label="* MAC" placeholder="请输入设备MAC" align="right" value="{{dvice_MAC}}" data-field-name="dvice_MAC" bind:change='handleInputChange' />
<t-input label="* 地址" placeholder="请输入设备地址" align="right" value="{{dvice_address}}" data-field-name="dvice_address" bind:change='handleInputChange' />
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序tdesign-零售电商模板是一款专为零售电商行业设计的开源模板,它提供了丰富的功能和界面设计,以帮助开发者快速构建零售电商类的小程序应用。 该模板的主要特点包括以下几个方面: 1. 完善的商品展示和管理:模板提供了完善的商品展示和管理功能,包括商品分类、商品详情、商品列表、购物车等。开发者可以根据自己的需求,灵活使用这些功能来展示和管理自己的商品。 2. 灵活的购物流程:模板提供了灵活的购物流程设计,包括商品加购、修改数量、选择规格、下单支付等功能。用户可以方便地浏览和购买商品,提升购物体验。 3. 多种营销工具:模板内置了多种营销工具,如优惠券、满减活动、积分、折扣等。开发者可以根据自己的需求,选择合适的营销工具来促进销售和提升用户转化率。 4. 友好的用户界面设计:模板采用了现代化的界面设计风格,用户界面美观、简洁,并且易于操作。这有助于提升用户体验,提高用户对小程序的持续使用。 5. 功能扩展与定制化:开发者可以根据自己的需求进行功能扩展和定制化操作。模板提供了丰富的组件和接口,开发者可以根据自己的实际需要进行灵活的定制和开发。 总的来说,微信小程序tdesign-零售电商模板是一个功能丰富、界面美观的开源模板,通过使用这个模板,开发者可以快速搭建自己的零售电商类小程序应用,并提供良好的用户体验和功能支持。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值