uniapp實(shí)現(xiàn)輸入框監(jiān)聽值的方法:使用placeholder實(shí)現(xiàn),代碼為【<view class="uni-form-item uni-column">,<input placeholder="請輸入"@input="onInput"】。
本教程操作環(huán)境:windows7系統(tǒng)、uni-app2.5.1版本,該方法適用于所有品牌電腦。
推薦(免費(fèi)):uni-app開發(fā)教程
uniapp實(shí)現(xiàn)輸入框監(jiān)聽值的方法:
uni-app監(jiān)聽輸入框(input)的值,那監(jiān)聽他的值是干嘛用的呢?這個功能大多數(shù)是用于搜索(查找)這塊的,小編相信都接觸過很多程序,輸入的時(shí)候下面的商品都變成搜索出來的了,并不是點(diǎn)擊跳過頁面查找頁面的,就是用于這個功能的。
<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>
效果圖