uniapp에서 텍스트 값을 얻는 방법

uniapp에서 텍스트 값을 얻는 방법: 먼저 텍스트 상자를 채우고 데이터에 입력 콘텐츠를 정의한 다음 메서드에 이벤트를 작성합니다. 코드는 [this.inputcontent = e.target.value]입니다.

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천(무료): uni-app 개발 튜토리얼

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.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!