uniapp数据只请求一次
时间: 2023-08-05 13:09:58 浏览: 210
完美解决request请求流只能读取一次的问题
5星 · 资源好评率100%
要在uniapp中只请求一次数据,可以使用Vue.js提供的生命周期钩子函数created()或mounted(),在其中发起数据请求,然后将数据保存在data中,这样每次重新渲染时都不会再次请求数据。
示例代码:
```javascript
<template>
<div>
<p v-for="item in data">{{ item }}</p>
</div>
</template>
<script>
export default {
data() {
return {
data: []
};
},
created() {
// 发起数据请求
// axios.get('url').then(res => {
// this.data = res.data;
// });
this.data = ['数据1', '数据2', '数据3']; // 模拟数据
}
};
</script>
```
在这个例子中,我们在created()中发起了数据请求,并将获取的数据保存在了data中,当组件重新渲染时,不会再次发起数据请求,而是直接使用已经获取到的数据。
阅读全文