uniapp怎么實現輸入框監聽值

uniapp實現輸入框監聽值的方法：使用placeholder實現，代碼為【<view class="uni-form-item uni-column">，<input placeholder="請輸入"@input="onInput"】。

本教程操作環境：windows7系統、uni-app2.5.1版本，該方法適用于所有品牌電腦。

推薦（免費）：uni-app開發教程

uniapp實現輸入框監聽值的方法：

uni-app監聽輸入框(input)的值，那監聽他的值是干嘛用的呢？這個功能大多數是用于搜索(查找)這塊的，小編相信都接觸過很多程序，輸入的時候下面的商品都變成搜索出來的了，并不是點擊跳過頁面查找頁面的，就是用于這個功能的。

<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>

效果圖