uni-app input 实时监听input 值

2020-10-19  本文已影响0人  w晚风

有的时候我们会需要监听数据上一次的值变化,这个时候如果使用数据双向绑定,那肯定是有问题的,办法很简单进行实时获取就好了,然后通过手动赋值改变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
            }
        }
    }

这样就解决了

上一篇 下一篇

猜你喜欢

热点阅读