首頁 > web前端 > uni-app > 主體

uniapp中如何取得text的值

coldplay.xixi
發布: 2020-12-18 14:54:01
原創
6906 人瀏覽過

uniapp中取得text值的方法:先填入文字框,並在data中定義一個inputcontent;然後在methods中寫事件,程式碼為【this.inputcontent = e.target.value】。

uniapp中如何取得text的值

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教程

#uniapp中取得text值的方法:

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中定義一個inputcontent

data() {
return {
inputcontent:&#39;&#39;,//输入内容
};
},
登入後複製

#3、在methods中寫事件

 //获取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);
},
登入後複製

以上是uniapp中如何取得text的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板