vue.js myRef.value包含一个代理,即使它应该包含一个简单的数组

y53ybaqx  于 2023-11-21  发布在  Vue.js
关注(0)|答案(1)|浏览(120)

我正在做一个简单的应用程序,从我的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 变量一起工作很好
1rhkuytd

1rhkuytd1#

我的坏我原来的职位是不完整的,我的问题是,没有任务显示,但它是因为我使用myTasks.value insteand的myTasks.这是我假设我的问题来自这个代理(我读了其他职位,代理想读).谢谢你Estus FLask为您的答案:)

相关问题