uniapp怎么实现输入框监听值

小羊要吃狼

uniapp实现输入框监听值的方法：

uni-app监听输入框(input)的值，那监听他的值是干嘛用的呢？这个功能大多数是用于搜索(查找)这块的，小编相信都接触过很多程序，输入的时候下面的商品都变成搜索出来的了，并不是点击跳过页面查找页面的，就是用于这个功能的。

[JavaScript] 纯文本查看 复制代码

<template>
        <view>
                <view class="uni-common-mt">
                        <view class="uni-form-item uni-column"> <input placeholder="请输入" @input="onInput" /> </view>
                </view>
        </view>
</template>
<script>
        export default {
                data() {
                        return {}
                },
                methods: {
                        onInput(e) {
                                console.log(e.detail) this.number = e.detail
                        }
                }
        }
</script>
<style> </style>