微信小程序如何实现input双向绑定

发布时间:2021-09-23 19:34:27

微信小程序本身只可以进行单向绑定,从js到html的绑定可以进行响应,但是html到js是不能响应的


我们在html中使用input标签进行信息的填写,同时我们希望在对应的js中可以时刻监听,获取到页面上的数据。


*电话:
*快递设备地址:

这是html页面的标签,我们在标签中加上bindinput事件,然后用data-的方式进行传值


//数据的双向绑定
inputedit(e){
let dataset = e.currentTarget.dataset;
let value = e.detail.value;
this.data[dataset.obj] = value;
//obj是我们使用data-传递过来的键值对的键
this.setData({
obj: this.data[dataset.obj]
})
console.log(this.data);
},

data中提前写好需要绑定的数据


telPhone: ',


deviceAddress: ',


这个时候我们就可以时刻获取到html中改变的值

相关文档

  • 领导在教师工作会议上讲话
  • 应用怎么出现应用锁访问应用锁的密码怎么改
  • 什么叫动压润滑轴承和静压润滑轴承
  • 大金空调销售待遇怎么样
  • 浙江中考英语阅读精选题附答案
  • 虎开头的四字词语和解释
  • 小米手机老是出现登录怎么办
  • 去加拿大留学怎样渡过语言缓冲期
  • 手机号怎么导入新手机
  • 利用奖金机制提高员工积极性
  • 天麻的功效与作用有哪些天麻怎么吃效果最好
  • 冯巩说的经典语句
  • 吩组词有哪些
  • 鼠标如何查询保修期
  • “整村授信”筹备组工作总结
  • 在夏天如何钓鲢鱼
  • 基于E-R模型的关系型数据库设计方法
  • 描写刻苦学习的作文
  • 酒店感谢信范文
  • 地肤子的功效与作用
  • IDEA配置maven
  • 《我的中国梦??宗庆后》观后感 - 观后感范文
  • Java EE 学习笔记
  • 冬日晨雾随笔
  • 民办非企业单位属于什么类型
  • 【Java基础知识1】Java中的数学函数、字符和字符串
  • 二叉搜索树的后序遍历序列(递归与非递归)
  • springmvc Validator @Valid注解后404
  • 移植uboot到TQ2440出现No NAND device found!!!的解决办法
  • 2021年清明祭英烈心得体会450字
  • 猜你喜欢

    电脑版