как использовать отправленную переменную из php в vue.js

#laravel #vue.js

Вопрос:

я уже отправляю переменную из laravel в мой vuejs, как показано ниже: но когда я хочу использовать ее в компоненте в виде строки, это выдает ошибку not defined, мой код компонента 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

1. Вы уверены, что правильно передали? Пробовал с проверкой Vue devtools?

2. Да, я даже печатаю ее, но я не могу получить к ней доступ из приведенного выше, поэтому я получаю ошибку

3. В этом случае просто передайте prop компоненту: <custom-date-picker :min="date"></custom-date-picker> со второй привязкой или просто напрямую, как :min="reserve_end" .

4. Ну, в любое время, когда вы передаете что-то, что вы можете сделать, например, variable.toString(); .

5. Итак, я я понимаю, вы передаете значение из Laravel одному компоненту, а затем в средство выбора даты, верно? 🙂

Ответ №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.

1. фактически это один компонент и один плагин, которые я экспортировал, поэтому я хочу передать данные из экспорта по умолчанию в vue.use (datepicker), мой последний вопрос заключается в том, как я могу получить reserve_end в реквизитах downpart

2. ‘plugin’ — это еще один компонент, готовый к встраиванию в любую систему. Так же, как вы передаете данные из своих собственных компонентов, то же самое должно работать для «плагинов».