Не работает объект?

Question

[Doclassif0]

Не знаю как описать правильно этот вопрос знаний не хватает.

Есть в общем компонент 'vued3tree', в него попадает вот такой вот объект

tree1: {
        name: "father",
        children: [
          {
            name: "son1",
            children: [{ name: "grandson" }, { name: "grandson2" }],
          },
          {
            name: "son2",
            children: [{ name: "grandson3" }, { name: "grandson4" }],
          },
        ],
      }

И все хорошо выводит но если я например закину вот так
this.test = this.tree1
и в data компонента прописать естественно :data="test"

то вот такая ошибка

[Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'x')"
app.js:70726 TypeError: Cannot read properties of undefined (reading 'x')

В чем может быть проблема? Не могу также достать из бд и после преобразованный в js объект.

Comments

[Модератор]

Попробуйте, пожалуйста, в следующий раз указывать только те теги, которые имеют непосредственное отношение к вопросу.

[no_one_safe]

Покажите код компонента где вы делаете this.test = this.tree1 целиком, телепаты отсутствуют.

[Doclassif0]

@no_one_safe, 
<template>
  <v-container fluid>
    <v-dialog v-model="loading" max-width="500px">
      <v-progress-linear
        indeterminate
        color="white"
        class="mb-0"
      ></v-progress-linear>
    </v-dialog>
      <v-row align="center">
        <v-col cols="12">
          <tree
            class="treechart"
            :data="test"
            node-text="name"
            :zoomable="true"
            layoutType="horizontal"
          ></tree>
        </v-col>
      </v-row>
  </v-container>
</template>

<script>
export default {
  data() {
    return {
      loading: true,
      test:{},
      tree1: {
        name: "father",
        children: [
          {
            name: "son1",
            children: [{ name: "grandson" }, { name: "grandson2" }],
          },
          {
            name: "son2",
            children: [{ name: "grandson3" }, { name: "grandson4" }],
          },
        ],
      },
    };
  },
  created() {
    this.fetchDataNew();
  },
  methods: {
    fetchDataNew() {
        this.test = this.tree1;
        this.loading = false;
        return this.tree;
      });
    },
  },
};

если прописать :data="tree1" тогда работает

[Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'x')"

found in

--->
at resources/js/components/Chart.vue

at resources/js/views/App.vue

warn @ app.js:69450
logError @ app.js:70722
globalHandleError @ app.js:70717
handleError @ app.js:70677
(анонимная) @ app.js:70820
flushCallbacks @ app.js:70744
Объект Promise.then (асинхронный)
timerFunc @ app.js:70771
nextTick @ app.js:70828
Vue.$nextTick @ app.js:72366
redraw @ app.js:80863
onData @ app.js:80863
handler @ app.js:80863
invokeWithErrorHandling @ app.js:70692
run @ app.js:73408
flushSchedulerQueue @ app.js:73150
(анонимная) @ app.js:70818
flushCallbacks @ app.js:70744
Объект Promise.then (асинхронный)
timerFunc @ app.js:70771
nextTick @ app.js:70828
queueWatcher @ app.js:73242
update @ app.js:73384
notify @ app.js:69561
reactiveSetter @ app.js:69886
proxySetter @ app.js:73468
(анонимная) @ app.js:2289
Объект Promise.then (асинхронный)
fetchDataNew @ app.js:2245
created @ app.js:2223
invokeWithErrorHandling @ app.js:70692
callHook @ app.js:73059
Vue._init @ app.js:73842
VueComponent @ app.js:73988
createComponentInstanceForVnode @ app.js:72131
init @ app.js:71960
merged @ app.js:72149
createComponent @ app.js:74844
createElm @ app.js:74791
createChildren @ app.js:74919
createElm @ app.js:74820
createChildren @ app.js:74919
createElm @ app.js:74820
patch @ app.js:75343
Vue._update @ app.js:72784
updateComponent @ app.js:72905
get @ app.js:73319
Watcher @ app.js:73308
mountComponent @ app.js:72912
Vue.$mount @ app.js:77918
Vue.$mount @ app.js:80832
init @ app.js:71964
createComponent @ app.js:74844
createElm @ app.js:74791
patch @ app.js:75343
Vue._update @ app.js:72784
updateComponent @ app.js:72905
get @ app.js:73319
Watcher @ app.js:73308
mountComponent @ app.js:72912
Vue.$mount @ app.js:77918
Vue.$mount @ app.js:80832
init @ app.js:71964
createComponent @ app.js:74844
createElm @ app.js:74791
patch @ app.js:75382
Vue._update @ app.js:72784
updateComponent @ app.js:72905
get @ app.js:73319
Watcher @ app.js:73308
mountComponent @ app.js:72912
Vue.$mount @ app.js:77918
Vue.$mount @ app.js:80832
Vue._init @ app.js:73852
Vue @ app.js:73919
./resources/js/app.js @ app.js:3776
__webpack_require__ @ app.js:127389
(анонимная) @ app.js:127554
__webpack_require__.O @ app.js:127426
(анонимная) @ app.js:127556
(анонимная) @ app.js:127558
Показать ещё 48 фреймов
app.js:70726 TypeError: Cannot read properties of undefined (reading 'x')
at e (app.js:80862)
at SVGPathElement. (app.js:80863)
at SVGPathElement. (app.js:23603)
at Selection.__WEBPACK_DEFAULT_EXPORT__ [as each] (app.js:23996)
at Selection.__WEBPACK_DEFAULT_EXPORT__ [as attr] (app.js:23627)
at VueComponent.updateGraph (app.js:80863)
at VueComponent. (app.js:80863)
at Array. (app.js:70818)
at flushCallbacks (app.js:70744)