如何使用PHP发送的变量到vue.js

Question

我已经从laravel向我的vuejs发送了一个变量，如下所示：但是当我想在组件中将它作为字符串使用时，它给出了未定义的错误，我的vue组件代码如下

 export default {
        props: ['reserve_end'],
        data(){
            return {
                date: '',


            }
        },
}
// the component part
 import VuePersianDatetimePicker from 'vue-persian-datetime-picker'
    Vue.use(VuePersianDatetimePicker, {
        name: 'custom-date-picker',
        props:
            {
                min: //i want to use the reserve_end here as an string


            }
    });

最后是html标记

                    <custom-date-picker v-model="date"></custom-date-picker>

但是最后它不会加载，并给出未定义reserve_end的错误，我想知道如何将这个reserve_end作为字符串传递给datepicker 这是跟踪的devtoll图片

Answer 1

// First component (getting value from Laravel): export default { props: ['reserve_end'] }

现在，在第一个组件中，您应该可以访问this.reserve_end。

// template of first component <template> <second-component :date="reserve_end"></second-component> </template>

让我们使用相同的技术-props将值传递给另一个组件。

// Second component (getting value from first component export default { props: ['date'] }

现在，在第二个组件中，我们可以：

{{ date }}，以获取日期：）

但是，不要忘记检查Vue devtools的每个组件。