我正在做一个简单的应用程序,从我的PocketBase(像Firebase的BaaS)获取数据(我的任务)。
我想将我的 tasks 存储到ref中,因为它可能会随时间变化(例如:用户修改它的名称)。
我应该从我的*getFullList()*方法中获得一个简单的数组, 但在此之后,VueJS不知何故将我的值 Package 在Proxy周围,我无法使用里面的数据。
我试过将结果存储在一个非ref变量中,它工作了,我只是简单地将我的任务数组放入其中。
但是当使用 ref 和 .value 时,这个代理会出现,我不知道为什么(它不会为我的其他 ref 这样做,比如 loading for eg。
这可能是一个愚蠢的乞丐的错误,但我已经读了一遍又一遍的文件,似乎不能把我的头周围:(
下面是我的MyTasks.vue**和控制台print语句的代码
<script setup>
import { ref } from 'vue'
import { pb } from '../usePb'
const loading = ref(false)
const error = ref(null)
const myTasks = ref(null)
const fetchData = async () => {
loading.value = true
try {
myTasks.value = await pb.collection('tasks').getFullList()
} catch (err) {
error.value = err.message
} finally {
loading.value = false
console.log(myTasks.value)
console.log(loading.value)
}
}
fetchData()
</script>
字符串
的数据
- 我希望myTasks.value保存数组而不是代理
- 我试着让我的变量不是 ref,它工作,但它不是我想要的
- 与我的其他 ref 变量一起工作很好
1条答案
按热度按时间1rhkuytd1#
我的坏我原来的职位是不完整的,我的问题是,没有任务显示,但它是因为我使用myTasks.value insteand的myTasks.这是我假设我的问题来自这个代理(我读了其他职位,代理想读).谢谢你Estus FLask为您的答案:)