laravel - 在数据中设置初始值时未读取 VueJs Props

Question

最近我一直在苦苦思索如何在本地数据属性中设置初始值。我将 Laravel 与 Vue.js 结合使用

我的组件中有下面这段代码

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

我正在尝试将 Prop “日期”的值放入局部变量中。

order_date: this.dates.order_date

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

I want to know how to get the props value into my local data variables.

Answer 1

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

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

然后您可以安全地按照指南推荐的方法使用 props 初始化数据值:

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

编码愉快!