加载中...
  • uni-app 实时监听input值

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

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

    这样就解决了

    上一篇:
    uni-app @input事件传参问题
    下一篇:
    配置webpack-dev-server
    本文目录
    本文目录