首页 > 移动平台 > 详细

uni-app中form表单提交获取input的值

时间:2020-04-23 17:56:36      阅读:1990      评论:0      收藏:0      [点我收藏+]

代码:

<form @submit="onNick" class="pass_form">  
  <input name="text" class="uni-input" type="text" @input="onInput" :value="value" placeholder="请输入自己喜欢的昵称"/>   
   <button form-type="submit"  class="person_submit">确定</button>  
</form> 
onNick:async function(e){
  var that = this;
   let nickname = e.detail.value.text;
   let data = await this.$http.post(/mini/reset_nickname,{nickname:nickname}
     ).then(function(data){
        that.$refs.nick.close();
         uni.showToast({
         title:"昵称修改成功",
         icon:none,
         duration: 2000
                        
      })
      that.personData.nickname = nickname
  }).catch(function(data){});
},
//获取input的数据 onInput(e) {   
this.$emit(input, e.detail.value) } ,

图片效果

技术分享图片

 

uni-app中form表单提交获取input的值

原文:https://www.cnblogs.com/menxiaojin/p/12761758.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!