表单组件接受数据回显，这里为什么接不到

• Z时代
• 2024-03-05
• 分类：IT

rowRecord是表格的行对象(row),为什么这样回显不了数据

// 父组件
<treeModelEdit v-if="editVisible" :record="rowRecord" />
// 子组件
<a-form-model>
     <a-form-model-item ref="name" label="角色名称" prop="name">
       <a-input v-model="form.name" />
     </a-form-model-item>
</a-form-model>
 props: {
    record: {
        default: () => {
          return {}
        },
        type: Object
      }
 }
 watch: {
   record(e) {
     this.form.name = e.name
   }
 },
 data() {
      return {
         form: {
          id: '',
          name: '',
          menuIds: ''
        }
      }
 }

回答：

要么在created/mounted中去设置,
要么加上immediate

{
  watch: {
    record: {
      immediate: true, 
      handler() {
        this.form.name = this.record?.name
      }
    }
  }
}

以上是 表单组件接受数据回显，这里为什么接不到 的全部内容， 来源链接： utcz.com/p/935422.html