Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js3-仅适用于嵌套对象_Javascript_Vue.js_Vue Reactivity - Fatal编程技术网

Javascript Vue.js3-仅适用于嵌套对象

Javascript Vue.js3-仅适用于嵌套对象,javascript,vue.js,vue-reactivity,Javascript,Vue.js,Vue Reactivity,有没有办法使用新的Vue.js将对象键绑定到现有的Ref值作为只读 例如 这不管用。 args.email不会得到更新。Readonly接受使用ref或reactive创建的属性,而不是该属性中的嵌套字段,以便成为reactive: const input = ref({ firstName: 'Bob', email: 'bob@so.com' }) const args =readonly(input) Readonly接受使用ref或reactive创建的属性

有没有办法使用新的Vue.js将对象键绑定到现有的Ref值作为只读

例如

这不管用。 args.email不会得到更新。

Readonly接受使用ref或reactive创建的属性,而不是该属性中的嵌套字段,以便成为reactive:

 const input = ref({
    firstName: 'Bob',
    email: 'bob@so.com'
  })

  const args =readonly(input)
Readonly接受使用ref或reactive创建的属性,而不是该属性中的嵌套字段,以使其成为reactive:

 const input = ref({
    firstName: 'Bob',
    email: 'bob@so.com'
  })

  const args =readonly(input)
正如所指出的,readonly不能用于嵌套字段。 只有在不复制整个对象的情况下才能使用computed then

正如所指出的,readonly不能用于嵌套字段。 只有在不复制整个对象的情况下才能使用computed then


在这种情况下,我不一定要对整个对象使用readonly。我想使用computed可能是一个更好的解决方案。我刚才提到,在这种情况下,readonly看起来毫无用处,建议像您一样使用computed,因为它是被动的和不可变的。在这种情况下,我不一定要对整个对象使用readonly。我想使用computed可能是一个更好的解决方案。我刚才提到,在这种情况下,readonly看起来毫无用处,建议像您一样使用computed,因为它是被动的、不可变的
const args = computed(() => {
  return {
    post_id: 32,
    email: input.value.email,
  }
})