微信小程序input框传参

墨蓝 2022-11-06 01:59 513阅读 0赞

在微信小程序中原生input组件无法直接传参,但可以通过自定义属性的方式达成效果

  1. <!-- 自定义属性的命名格式为“data-自定义名字” -->
  2. <input data-type="realname" type="text" class="value" placeholder="请输入您的真实姓名" placeholder-class="placeholder" value="{ {realName}}" bindinput="bindInputChange"></input>
  3. // 自定义属性可在方法对象e里面获取,存在e.target.dataset里面
  4. bindInputChange(e) {
  5. let that = this;
  6. let type = e.target.dataset.type; // 这里就是在html里面存储的realname
  7. let value = e.detail.value;
  8. }

发表评论

表情:
评论列表 (有 0 条评论,513人围观)

还没有评论,来说两句吧...

相关阅读

    相关 程序路由

    微信小程序路由传参 在微信小程序中,可以通过路由传参将数据传递给目标页面。以下是一种常见的方式: 在源页面中,使用 `wx.navigateTo` 或 `wx.redi

    相关 程序input

    在微信小程序中原生input组件无法直接传参,但可以通过自定义属性的方式达成效果 <!-- 自定义属性的命名格式为“data-自定义名字” --> <inpu