uniapp,编辑页面的数据应该放在哪个生命周期请求?给个例子
时间: 2023-12-24 09:01:58 浏览: 84
通常情况下,编辑页面的数据应该在 `onLoad` 生命周期函数中请求。以下是一个简单的示例:
```
<template>
<view>
<input v-model="name" />
<input v-model="age" />
<button @click="save">保存</button>
</view>
</template>
<script>
export default {
data() {
return {
name: '',
age: ''
}
},
onLoad() {
// 在页面加载时获取数据
this.getData()
},
methods: {
getData() {
// 发送数据请求
// 假设请求返回的数据格式为 { name: 'Tom', age: 18 }
// 将返回的数据存储在 data 中
this.name = 'Tom'
this.age = 18
},
save() {
// 在保存时获取当前输入的数据并发送请求
// 假设请求的数据格式为 { name: 'Tom', age: 18 }
const data = {
name: this.name,
age: this.age
}
// 发送数据请求
}
}
}
</script>
```
在上面的示例中,我们在 `onLoad` 生命周期函数中调用了 `getData` 方法来发送数据请求并将返回的数据存储在 `data` 中。在保存时,我们通过 `v-model` 双向绑定获取当前输入的数据并发送请求。这样,我们就可以在编辑页面中获取和修改数据了。
阅读全文