Uniapp提交表单

Uniapp提交表单

<form>
                                    <uni-view data-v-13695da5="" data-v-96bbcaca="" class="forecastContainer">
                                        <uni-scroll-view data-v-13695da5="" class="scroll-view" style="margin-bottom: 10px; height: 272px;">
                                            <div class="uni-scroll-view">
                                                <div class="uni-scroll-view" style="overflow: hidden auto;">
                                                    <div class="uni-scroll-view-content">
                                                        <!---->
                                                     
                                                            <uni-view data-v-13695da5="" class="jjj">
                                                                赠送好友
                                                            </uni-view>
                                                            <uni-view data-v-13695da5="" class="jjj">
                                                                好友id
                                                                <uni-text data-v-13695da5="">
                                                                    <input v-model="addressData.haoyouid" placeholder="请输入好友id"  maxlength="140" step="" enterkeyhint="done" autocomplete="off" type="" class="uni-input-input" >
                                                                </uni-text>
                                                            </uni-view>
                                                            <uni-view data-v-13695da5="" class="jjj">
                                                                赠送金额
                                                                <uni-text data-v-13695da5="">
                                                                    <input  v-model="addressData.mobile" placeholder="请输入赠送金额" maxlength="140" step="" enterkeyhint="done" autocomplete="off" type="" class="uni-input-input" >
                                                                </uni-text>
                                                            </uni-view>
                                                            <uni-view data-v-13695da5="" class="jjj">
                                                                手续费
                                                                <uni-text data-v-13695da5="">
                                                                    <checkbox     :checked="isChecked" @click="cd1()" />扣自己
                                                                    <checkbox  :checked="!isChecked" @click="cd2()" />扣对方
                                             
                                                                </uni-text>
                                                            <!--         <view>
                                                                        <checkbox-group>
                                                                            <label >
                                                                                <checkbox  v-model="addressData.rank1" value="ziji" :checked="isChecked" @click="isChecked=!isChecked"  />选中
                                                                            </label>
                                                                            <label >
                                                                                <checkbox  v-model="addressData.rank2" value="duifang"  :checked="!isChecked" @click="isChecked=!isChecked" />未选中
                                                                            </label>
                                                                        </checkbox-group>
                                                                    </view> -->
                                                                            
                                                            </uni-view>
                                                            
                                             
                                                    </div>
                                                </div>
                                            </div>
                                        </uni-scroll-view>
                                    <uni-view data-v-13695da5="" class="fotter">
                                        <uni-view data-v-13695da5="" class="fotter_money">
                                     
                                            <uni-text data-v-13695da5="">
                                                <!--     <span>0</span> -->
                                            </uni-text>
                                        </uni-view>
                                        <uni-view data-v-13695da5="" class="fotter_text"   >
                                            <uni-view data-v-13695da5="" class="affirmContent">
                                                <uni-button data-v-13695da5="" class="gui-button affirm" type="default" @click="confirm()">
                                                    <uni-text data-v-13695da5="" style="font-size: 11px;">
                                                        <button type="submit"> 确认 </button>
                                                    </uni-text>
                                                </uni-button>
                                            </uni-view>
                                        </uni-view>
                                    </uni-view>
                                 
                                </uni-view>
                                    </form>

 

参数

 

data() {
            return {
                textvalue:'0',
                type: 'top',
                isChecked:false,
                      addressData: {
                                    haoyouid: '',
                                    mobile: '',
                                    rank: 2,
                                 
                                }
            }
        },

方法：

 

  confirm() {
                            let userid = uni.getStorageSync('userInfo').uid;
                            let data = this.addressData;
             
                            uni.request({
                                method: 'POST',
                             
                                url: "/api/study/zhuanzhang",    
                                data: {
                                    userid:userid,
                                    haoyouid: data.haoyouid,//that.userInfo.uid,
                                    jine: data.mobile,
                                    rank:data.rank,//2 扣对方 1扣自己 
                                },
                                header: {
                                    'content-type': 'application/x-www-form-urlencoded' //自定义请求头信息
                                },
                                success(res) {
                                    if (res.data.code === "1") {
                                        uni.showModal({
                                            title: '提示',
                                            content: res.data.message,
                                            success: function (res) {
                                                if (res.confirm) {
                                                    // console.log('用户点击确定');
                                                } else if (res.cancel) {
                                                    // console.log('用户点击取消');
                                                }
                                            }
                                        });
                                     
                                    } else {
                                        uni.showModal({
                                            title: '提示',
                                            content: res.data.message,
                                        
                                            success: function (res) {
                                                if (res.confirm) {
                                                    // console.log('用户点击确定');
                                                } else if (res.cancel) {
                                                    // console.log('用户点击取消');
                                                }
                                            }
                                        });
                                     
                                    }
                                }
                            })
            
                        },