站长资讯网
最全最丰富的资讯网站

uniapp中如何获取text的值

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:'',//输入内容 }; },

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); },

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号