uniappでテキストの値を取得する方法

uniapp でテキスト値を取得する方法: 最初にテキスト ボックスに入力し、data で inputcontent を定義し、次にメソッドでイベントを書き込みます。コードは [this.inputcontent = e.target.value] です。

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨 (無料): ユニアプリ開発チュートリアル

テキスト値を取得する方法uniapp ：

1. テキスト ボックスを書き込みます

<view class="b-input-button">
<view class="askQue" v-if="$store.state.wz.dzaskQuestion">
<input type="text" @input="onInput" placeholder="请输入..." v-model="inputcontent" :value="inputcontent" class="b-askQue-input" />
</view>
<button @click="send" class="b-button">确定</button>
</view>

#2. inputcontent

data() {
return {
inputcontent:'',//输入内容
};
},

## を定義しますデータ #3. メソッドにイベントを書き込む

 //获取input文本框中的输入值
onInput(e){
    this.inputcontent = e.target.value
},
/**
* 触发确定按钮
*/
send() {
let valsrc = '';
let valadd = '';
valsrc = this.inputcontent;
if (!valsrc) {
uni.showToast({
    title:"请输入...", 
duration: 2000
})
return;
}
 
valadd = valsrc;
this.inputcontent = '';
this.$store.commit('updateDzQuestionNum', -4);
this.show(false, valadd);
},

以上がuniappでテキストの値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。