无法将道具复制到Vue中子组件中的数据

Posted 2023-02-23

【中文标题】无法将道具复制到Vue中子组件中的数据

【英文标题】：Cannot copy props to data in child component in Vue

【发布时间】：2019-12-06 16:21:32

【问题描述】：

我有一个子组件SecondPage.vue。道具从父组件传递给该组件。道具在点击事件时传递给孩子。然后我试图将这些道具复制到SecondPage.vue 中的数据中。但是当我使用vue devtools时，我可以看到，子组件中的数据是清晰的。

根据devtools，在提供了child中的click属性后，数据（genQ，isA）为空。 错误在哪里？

SecondPage.vue

export default 
    name: "SecondPage",
    props: ["generalQuestInfo", "isActive", "getIconClass"],
    data: function()
        return 
            genQ: Object.assign(, this.generalQuestInfo), //empty in devtools
            isA: this.isActive  //empty in devtools
        
           

【问题讨论】：

很难理解你想要什么。将 props 分配给数据的目的是什么？为什么不直接用props呢？

那是因为我需要在路由页面上显示组件SecondPage，但是当我单击该页面时，道具被清除。现在我正在尝试将这些道具保存到子组件中的数据中，并使用它来代替道具。我希望这会有所帮助。 ***.com/questions/57240303/…

你用vuex吗？这将解决您的问题。

不，我不知道。我会试试的，thx。说实话，我认为不使用 vuex 也可以做到）

您提供的代码很好，但不知道您将数据传递给子组件的具体细节，我们无法为您提供太多帮助。你能提供一个MCVE吗？

【参考方案1】：

Vuexstore 解决了我的问题！！！