wepy-数据双向绑定input
2024-09-28 11:23:36
初入wepy,发现wepy和vue神似，但还是有不一样的地方，例如v-model数据双向绑定
场景： 一个input搜索框，用户输入内容，点击“叉叉”按钮，输入的内容全部清空，这是一个很常见的场景
jq中解决思路：拿到该input的id或class，$(id).val = ""，即可解决
vue中解决思路：v-model 数据双向绑定在input中，点击叉叉时，this.data.aimData = “”;即可解决
wepy中解决思路：wepy没有v-model，但是小程序input有属性：bindinput ，键盘输入时触发，event.detail = {value, cursor, keyCode}，keyCode 为键值，2.1.0 起支持，处理函数可以直接 return 一个字符串，将替换输入框的内容！！！键盘的每一次输入我们都可以都可以实时拿到input的值，在input上绑定value, value = "{{aimData}}"。然后再点击叉叉的时候 this.aimData = ""，就可以清除input内容了。但是！！有BUG？？清除之后input中再次输入内容时，叉叉就失效了！！
原因：数据是展示了，但是data中并没有再次获取到数据！！不是双向绑定的。
解决：在bindinput 中，手动把input的value值赋给data中的aimData！！ 代码：
需要两次绑定才可以实现双向绑定！！坑
最新文章
- prototype 和__proto__
- 切分 Tomcat 的 catalina.out 文件，解决日志文件过大的问题
- 简单的ASP.NET MVC发布
- 剑指Offer 反转链表
- backbone模型层浅析
- ibatis中使用like模糊查询
- mageView图片显示出来 （）
- 【Unity入门】场景、游戏物体和组件的概念
- TWaver3D入门探索——3D拓扑图之人在江湖
- LinqToExcel常用对象
- 2015第45周五IE11实用开发工具摘录及设置IE缓存
- PHP Strict standards:Declaration of … should be compatible with that of…(转)
- 采用SharePoint Designer将JavaScript而他们的网站页面集成的定义
- ConcurrentHashMap实现原理及源码分析
- PHP+js实现图片上传，编辑
- Spring Boot 之Hello Word
- Go 语言切片(Slice)
- sh -c
- 结合iconworkshop，创建ribbon界面
- Android 记录点滴