收藏
回答

微信小程序真机循环渲染多个input(30)个,input输入值后,点击按钮提交请求接口失败

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug uni.request/inpuit 微信iOS客户端 6.5.3 2.21.3

需要多扫几次真机调试或者真机预览的二维码,一般第一次没问题,第二次就会一直请求,一直stalled,直到超时。

<template>

<view class="content">


<block v-for="(item, index) in 30" :key="index">


<input :name="'inpu'+item" type="text" placeholder="请输入文本" />


</block>


<view class="block30"></view>


<view class="btn-area">

<button class="submit-btn" type="primary" @click="formSubmit">下一步</button>

</view>


</view>

</template>


<script>

export default {


data() {

return {


}

},

onLoad() {


},

methods: {

formSubmit: function(e) {

uni.showLoading({

title: '加载中',

mask: true

});

uni.request({

//项目的真正接口,通过字符串拼接方式实现

url: '',

header: {

'content-type': 'application/json;charset=UTF-8',

Authorization: '',


},

data: {},

method: 'POST',

success: function(res) {

uni.hideLoading();

uni.showModal({

content: 'dsfdsfsdfg'

})

},

fail() {

uni.hideLoading();

}

})

}

}

}

</script>


<style>


</style>


<template>

<view class="content">


<block v-for="(item, index) in 30" :key="index">


<input :name="'inpu'+item" type="text" placeholder="请输入文本" />


</block>


<view class="block30"></view>


<view class="btn-area">

<button class="submit-btn" type="primary" @click="formSubmit">下一步</button>

</view>


</view>

</template>


<script>

export default {


data() {

return {


}

},

onLoad() {


},

methods: {

formSubmit: function(e) {

uni.showLoading({

title: '加载中',

mask: true

});

uni.request({

url: '接口地址',

header: {

'content-type': 'application/json;charset=UTF-8',

Authorization: '',


},

data: {},

method: 'POST',

success: function(res) {

uni.hideLoading();

uni.showModal({

content: 'dsfdsfsdfg'

})

},

fail() {

uni.hideLoading();

}

})

}

}

}

</script>


<style>


</style>

最后一次编辑于  2022-01-11
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容