Maison > interface Web > uni-app > le corps du texte

Comment obtenir la valeur du texte dans Uniapp

coldplay.xixi
Libérer: 2020-12-18 14:54:01
original
6915 Les gens l'ont consulté

La méthode pour obtenir la valeur du texte dans uniapp : remplissez d'abord la zone de texte et définissez un contenu d'entrée dans data ; puis écrivez l'événement dans les méthodes, le code est [this.inputcontent = e.target.value] .

Comment obtenir la valeur du texte dans Uniapp

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

Comment obtenir une valeur de texte dans uniapp :

1. Écrire une zone de texte

<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>
Copier après la connexion

2 Définir un contenu d'entrée dans data

data() {
return {
inputcontent:&#39;&#39;,//输入内容
};
},
Copier après la connexion

<🎜. >3. Écrivez les événements dans les méthodes

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal