ホームページ > ウェブフロントエンド > uni-app > uniappで入力ボックス監視値を実装する方法

uniappで入力ボックス監視値を実装する方法

coldplay.xixi
リリース: 2020-12-18 14:34:57
オリジナル
4527 人が閲覧しました

Uniapp は入力ボックス監視値メソッドを実装します。実装するにはプレースホルダーを使用します。コードは [,

uniappで入力ボックス監視値を実装する方法

#このチュートリアルの動作環境: 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>
ログイン後にコピー

レンダリング

uniappで入力ボックス監視値を実装する方法

以上がuniappで入力ボックス監視値を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート