如何在不继续重复对象的情况下接受道具值

Question

我是这个框架中的新手，这是我的内联模板

<edit-profile inline-template :user="{{ $user }}">

export default {

  props: ['user'],

 form : { 
        display_name : "",
        username  : "",
        email : "",
        first_name : "",
        middle_name : "",
        last_name : "",
        telephone : "",
        mobile : "",
        skype : "",
        facebook: "",
        twitter : "",
        instagram  : "",
        bio : ""
      },
};

但是我不想在form对象的每个字段中重复this.user.xxxx这样的this.form.username。我怎么能不重复呢？ ？

Answer 1

好吧，如果您考虑一下。 user只是一个对象，也许您可​​以在组件为form时将其分配给mounted()吗？

export default {

    props: ['user'],

    data: {
        form: {}
    },  

    mounted()
    {
        this.form = this.user; 
    }

};

这是您要找的东西吗？