@zvlad_vitamin

VUE3 как вставить js со своими параметрами полученые с пхп?

Есть компонент. В нем код:
<script>
import { Head } from '@inertiajs/inertia-vue3';
export default {
    components: {
        Head
    },
    props: {
        title: String,
        myVarJs: Array, // Данные, которые получаю с пхп
    }
}

var salesChartData = {
  labels: [1,2,3,4],
  datasets: [
    {
      data: [100, 200, 300, 400]
    }
  ]
}
</script>

<template>
    <Head title="JS" />
тут таблица сформирована js
</template>

Используется Инерция + Ларавель.

Основной JS компилируется и надо ему только переменную salesChartData, которая формируется в шаблоне.
ПХП отдает нужные параметры. Их вставляю в JS в шаблоне (в массивах написал данные)
Но такой пример не хочет работать. Консоль пишет, что скомпилированый код не увидел переменную salesChartData
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 1
pLavrenov
@pLavrenov
Разработка сайтов
передавать как json props
<Head title="JS" myVarJs="<?php echo json_decode($data_array) ?>"/>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы