|
[多端开发]
关于监听input值,然后改变的问题
[复制链接]
有这么一个需求,我想不然用户在input 里面输入中文,那么,在vue 里面可以使用watch,但是在avm里面没有,所以我想到了用oninput 来监听输入的内容
但是发现一个问题,使用了v-model 的时候吧,oninput 改变的值,会在第二次输入的时候吧内容给替换掉,第一次是不会替换的
使用value 这个属性吧, 从代码打印到控制台来看,内容是空,但是,input 里面还是有文字的,不知道是啥原因造成的,麻烦大佬给看下
页面代码
- <input type="text" class="flex-1 height-100p fz15 font-r margin-left-38" placeholder="请输入2-20个字符" value={this.data.nikeName} oninput={this.watchContent}>
复制代码
js代码
- watchContent:function(e){
- let str = e.detail.value.replace(/[^a-zA-Z\s*]/g, '');
- this.data.nikeName = str;
- },
复制代码
|
|