uni-app中form表單提交獲取input的值

代碼：

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

圖片效果