美文网首页
uni-app input 实时监听input 值

uni-app input 实时监听input 值

作者: 头发飘逸 | 来源:发表于2020-10-19 10:14 被阅读0次

有的时候我们会需要监听数据上一次的值变化,这个时候如果使用数据双向绑定,那肯定是有问题的,办法很简单进行实时获取就好了,然后通过手动赋值改变data里面的值,input同过:value显示值的

<input :value="value" placeholder="请输入" @input="onInput" />
 export default {
        data() {
            return {
                value: 0
            }
        },
        methods: {
            onInput(e) {
                // 【不用v-model绑定表单,直接实时获取值】这种方式是uni-app官方的方式,测试结果正确!
                console.log(e.detail)
                this.value = e.detail
            }
        }
    }

这样就解决了

相关文章

网友评论

      本文标题:uni-app input 实时监听input 值

      本文链接:https://www.haomeiwen.com/subject/gzckmktx.html