form表单提交

效果：

 

index.vue:

<form @submit="onsubmit" @reset="formReset">
            <view class="list-feed">
                <uni-title type="h3" title="我的意见/建议是：" color="#3D3D3D"></uni-title>

                <view class="textarea_box">
                    <textarea placeholder="请输入内容" maxlength="200" name="opinion" @input="descInput" v-model="desc">
                    </textarea>
                    <!--  v-model="value" -->
                    <view class="num">{{ desc.length }}/200</view>
                </view>

    </view>
            <view class="uni-btn-v">
                <button form-type="submit" class="submit">提交</button>
            </view>

        </form>

script:

    descInput(e) {
                // console.log(e.detail, '输入的字数')
                this.desc = e.detail.value
            },

    表单提交的方法：
            onsubmit(e) {

    var _ts = this;

                var atoken = 'Bearer ' + _ts.token;//头部传token
                console.log(atoken)
                const ress = uni.request({
                    method: 'post', // 默认值
                    url: 'https://stc.sealtech.com.cn/doc/api/AppUser/CreateFeedback',
                    header: {
                        "Authorization": atoken
                    },

                    data: {
                        openid: _ts.userinfo.openid,

                        opinion: e.detail.value.opinion
                    },
                    success: (res) => {
                        console.log(res.data)
                        if (res.data.code == 200) {
                            uni.showToast({
                                title: "保存成功",
                                duration: 2000,
                                icon: "success"
                            })
                            this.desc = ""
              
                        } else {
                            uni.showToast({
                                title: "保存失败",
                                duration: 2000,
                                icon: "fail"
                            })
                        }

                    },
                    fail: (res) => {

                    }

                })
 

}