嵌套对象上的vuejs v-bind.sync do（t更新父母

Question

大家好，我正在建立一个巨大的形式，应该用嵌套对象上传一个巨大的对象。 对于更方便的源管理，我决定将我的表格分开在子组件中，并通过v-bind.sync指令进行双向更新，但我的子组件没有更新我的主要父对象 父母看起来像

parent

<template>
  <ChildOne
    v-bind.sync="assetData.CUSTOM_FAAS_PROPS"
  />
  <ChildTwo
    v-bind.sync="assetData.CUSTOM_PUBLICATION_PROPS"
  />

</template>
<script>
import ChildOne from '@/components/AssetForm/ChildOne.vue'
import ChildTwo from '@/components/AssetForm/ChildOTwo.vue'
export default {
  components: {
    ChildOne ,
    ChildTwo
  },
  data: () => ({
    assetData:{
      CUSTOM_FAAS_PROPS:{
        Description:{
          en:'',
          fr:''
        },
        Input:{
          data:{
            filekey:'',
            extension:''
          }
        }
      },
      CUSTOM_PUBLICATION_PROPS:{}

     
    }
  })
}
</script>

。

<template>
  <input
    :value="Input.data.filekey"
    @input="$emit('update:Input.data.filekey', $event), logresult($event)"
  />
</template>

<script>
export default {
  props: {
    Description:{
      type: Object,
      default () {
        return {
          en:'',
          fr:''
        }
      }
    },
    Input:{
      type: Object,
      default () {
        return {
          data:{
            filekey:'',
            extension:''
          }
        }
      }
    }
  },
  methods: {
      logresult($event){
          console.log($event)
      }
  }

我的 我无法弄清楚如何将v-bind.sync用于嵌套对象

Answer 1

我终于使用Vuex商店和MapState功能进行了解决方法