1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: datatable problems

YuDae Song priority asked 2 years ago

Expected behavior i was using mdv for vue4 and i was tryting to data change via click button. so when i click button, datatable's data supposed to change. but it wasn't. i think data binding is failed.

Actual behavior

Resources (screenshots, code snippets etc.) i made this source in method this.data = { ... }

and i use this example

Mikołaj Smoleński staff commented 2 years ago

There are two options in such case.

  1. You're updating data without reactivity so that Vue is not detecting the change. Here's a guide for that issue: https://vuejs.org/v2/guide/reactivity.html
  2. If you want to be sure datatable reloads then just pass any number value as key prop and change it after data update, to force the component update.

Keep coding,  Mikołaj from MDB

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Opened

Specification of the issue
  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB4 6.7.3
  • Device: lenovo
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No
Tags
datatables
About author
YuDae Song
10Support score
2Questions 0Answers 0Snippets