uniApp- uni.request的使用——以及箭头函数和普通函数的坑

文章讲述了在uniApp中因axios产生跨域问题,作者选择使用uni.request来替代axios进行GET请求。虽然代码在success回调中正确设置了tableData,但数据未能渲染到前端。通过将success回调改为箭头函数,确保this指向正确,从而解决了渲染问题。同时提到,Vue3的API在uniApp中可能需要特殊配置才能在打包后正常使用。
摘要由CSDN通过智能技术生成
<tr v-for="(item, index) in filteredData" :key="index" @click="goDetail(item)">
				<td>{
  {item.id}}</td>
				<td>
					<div class="main">{
  {item.text}}</div>
				</td>
				<td>{
  {item.applicant}}</td>
				<td>{
  {item.date}}</td>
			</tr>

这是前台渲染的代码。

	onShow(res) {
axios.get("https://mock.mengxuegu.com/mock/642f630132affa39a121cd8d/example/ctss").then(res => {
			this.tableData = res.data.data;
		 	console.log(this.tableData);
		 })
	},

需要修改的是这串代码;

因为如果在uniApp中使用axios,会产生跨域或者配置等各种问题,所以综合分析以后,我打算将这串代码修改为用uni.request这个uni自带的api解决问题。

其实原本修改的方向很简单,但是我的出发点上来就错了。

	onShow(res) {
		uni.request({
			method: 'GET',
			
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值