Rumah > hujung hadapan web > uni-app > uniapp中如何获取text的值

uniapp中如何获取text的值

coldplay.xixi
Lepaskan: 2020-12-18 14:54:01
asal
6934 orang telah melayarinya

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>
Salin selepas log masuk

2、data中定义一个inputcontent

data() {
return {
inputcontent:&#39;&#39;,//输入内容
};
},
Salin selepas log masuk

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);
},
Salin selepas log masuk

Atas ialah kandungan terperinci uniapp中如何获取text的值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan