[Vuejs]-Nuxt.js and synfusion ej2 navigation menu

0👍

We have checked your reported problem with shared code snippet. We found that your are updating the datasource on variable declared in the datasource property.

In TreeView, you need to update the datasource in the fields settings of TreeView component instead updating your variable.

Please, refer the below code snippet.

this.$refs.treeview.fields = {
dataSource: dataSource,
id: "code",
text: "name",
child: "countries",
};

Please, refer the below sample link.

https://codesandbox.io/s/vue-template-forked-qzohm?file=/src/App.vue

Please, refer to the below links for TreeView component.

UG Documentation- https://ej2.syncfusion.com/vue/documentation/treeview/getting-started/

Demo link- https://ej2.syncfusion.com/vue/demos/#/material/treeview/default.html

API reference- https://ej2.syncfusion.com/vue/documentation/api/treeview/

Regards,
Sowmiya.P

Leave a comment