uniapp中取得text值的方法:先填入文字框,並在data中定義一個inputcontent;然後在methods中寫事件,程式碼為【this.inputcontent = e.target.value】。
本教學操作環境: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:'',//输入内容 }; },
#3、在methods中寫事件
//获取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中如何取得text的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!