您现在的位置是:首页 > 网站制作 > 小程序开发小程序开发

input输入框修改值同步(双向绑定)

蒙xs2022-06-14【小程序开发】人已围观

简介1.input 改变数据事件<van-field custom-style="font-size:26rpx;" model:value="{{ postData.price }}" bind:change="inputKey" data-field="price" placeholder="请输入

1.input 改变数据事件

<van-field custom-style="font-size:26rpx;" model:value="{{ postData.price }}" bind:change="inputKey" data-field="price" placeholder="请输入金额" input-align="right" border="{{ false }}" />

2.获取值并重新赋值

    inputKey(e){
        let name = e.currentTarget.dataset.field
        let value = `postData.${name}`
        this.setData({
          [value]:e.detail
        })
    },

 

数据
 postData:{
            price :''
        },

Tags:

很赞哦! ()

相关文章

随机图文

文章评论

    共有条评论来说两句吧...

    用户名:

    验证码:

点击排行

本站推荐

站点信息

  • 建站时间:2019-1-11
  • 文章统计142篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 建站,写前端联系我:扫描二维码,