vue3的ObjectRefImpl类型取值问题

HappyCrazy

如图：
假设返回数据赋给变量a
数据回来时ObjectRefImpl类型，在template中使用{{a}}可直接显示数据，


在script中console.log(a.value、a.value.value)，
nextTick(()=>{ console.log(a.value、a.value.value)  // undefined })均无法获取数据。
console.log(a)打印出来如下图

pzx521521

a[0].value

被遗忘的路人

a.map(item => {
    console.log(item.value)
})

HappyCrazy

pzx521521 发表于 2022-12-6 10:24
a[0].value

a就是类型为的ObjectRefImpl的那个对象

判判~

[JavaScript] 纯文本查看 复制代码

const a = ref<ObjectRefImpl[]>()

请求是异步的。监听变化试试

[JavaScript] 纯文本查看 复制代码

watch(a, (newVal: ObjectRefImpl) => console.log(newVal))

判判~

判判~ 发表于 2022-12-6 13:19
请求是异步的。监听变化试试

[mw_shl_ ...

这这这。。。。markdown 怎么这样

莫思莫念

看图片中的 console 你 a.value 这个value 是浅色
深色属性代表普通 key
浅色是gtter属性 不能直接调用

hscxdesign

这个是不是需要JSON.parse() 转义。

wang114430

看看我的例子 https://codesandbox.io/s/pedantic-bird-7orni3?file=/src/components/HelloWorld.vue