Question

我正在尝试访问vuejs生命周期的挂钩中的prop，但它似乎没有任何值

我的（真正简化的）组件如下所示：

closest()

父母看起来像这样：

export default {
    props: [
        'columns',
    ],
    mounted: function() {
        console.log(this.columns)
    }
}

组件正确呈现，但挂载函数的输出是一个空数组，对我来说似乎是时间问题。

我做错了吗？或者我应该使用不同的生命周期钩子。

谢谢！

Answer 1

简短的回答是你可以访问挂钩中的道具。如果您检查此小提示，您将看到警报成功显示列的标题。 https://jsfiddle.net/yj3k1wLx/1/程序正在运行但返回一个空数组这一事实似乎表明您实际上没有传入columns数组。 <test :columns="columns">将小提琴与代码进行比较，看看是否有错误的引用或变量。

<强>更新您的评论的简单答案是将根钩子更改为已创建而不是已挂载。但是，我觉得你这样做是错误的。现在我还没有看到你的代码，但我认为问题在于你更新数组。请阅读此处的警告https://vuejs.org/v2/guide/list.html#Caveats，然后查看此更新的演示https://jsfiddle.net/yj3k1wLx/4/

何时在VueJS生命周期中更新道具

1 个答案: