在数据中设置初始值时未读取 VueJs 属性

Question

我最近一直在努力解决如何设置本地数据属性的初始值。我将 Laravel 与 Vue.js 结合使用

我的组件中有下面的代码

props: {
            user: '',
            dates: {}
        },
        data() {
            return {
                bloodTypes: {},
                bloodComponents: {},
                data: {
                    order_date: this.dates.order_date,
                    order_details: []
                },
            }
        },

我试图将道具“日期”的值获取到局部变量中。

order_date: this.dates.order_date

返回未定义。虽然你可以在下图中看到 props 已经被初始化了。

我想知道如何将 props 值获取到我的本地数据变量中。

Answer 1

聚会有点晚了，但我想我会分享处理异步数据时的解决方法：

// in the parent component
<template>
    <child :foo="bar" v-if="bar" />
</template>

然后您可以安全地按照指南推荐的方法使用 props 初始化数据值，如下所示：

props: ['initialCounter'],
data: function () {
    return {
       counter: this.initialCounter
    }
}

快乐编码！