uni-app中uni.request()获取后端的数据渲染的时候为空的解决方法

最新推荐文章于 2025-06-19 16:36:21 发布

奋斗小码蚁

最新推荐文章于 2025-06-19 16:36:21 发布

阅读量1.4w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： uni-app

本文链接：https://blog.youkuaiyun.com/mqchenrong/article/details/102764322

uni-app 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在uni-app中使用uni.request()方法获取数据并更新视图的过程。通过实例展示了如何在请求成功后更新组件的数据属性，实现数据的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

就是在使用uni.request()方法前将当前对象赋值给一个新的值，再接收服务器传过来的值 let that = this;

<template>
	<view class="">
		<input type="text" @value="tv" name="tv" v-model="textvalue.tv" />
		<button :type="buttonType" @click="changeTextValue()">按钮</button>
		<button :type="buttonType" @click="changeTextValue2()">按钮2</button>
	</view>
</template>
<script>
var entry = { tv: null, av: null };
var app = getApp();
export default {
	data() {
		return {
			textvalue: entry,
			buttonType: 'primary',
			dem: null
		};
	},
	onLoad: function() {
	},
	methods: {
		changeTextValue() {
			let that = this;
			uni.request({
				url: 'http://localhost',
				method: 'GET',
				data: {},
				success: function(res) {
					that.textvalue.tv = res.data.name;
				}
			});
		},
		changeTextValue2() {
			this.textvalue.tv=null;
		}
	}
};
</script>