Vue 3 Dropdown Menu error
I am using Datatable with Vue3. The table shows the actions menu on each row. The table displays the remote data so it has some delay to get the data from the server. The dropdown menu on each row is not displayed when the remote data get received. The dropdown works only when the table handles the static data so it does not have a delay to display the table.
I think the dropdown menu has a bug.
The datatable will be rerendered whenever the data is updated.
But the dropdown menu on the datatable does not work if the table data is updated.
Am I missing something?
I need your help.
Thanks,
Eddy
Replies (3)
+1 and MenuComponent.reinitialization() does not (for me, at least) resolve the problem.
Has this been resolved in 8.0.37?
Hi!
In the component I added a method to the button that opens the menu and in this method I called the reinitialization() method so my problem was solved but it's really annoying to do this, when will the problem be fixed?
Hi,
Yes, look like the menu component will not work if you render a table asynchronously.
We will investigate it and fix it in upcoming releases, for now, you can reinitialize the menu component when your data is received.
import {MenuComponent} from "@/assets/ts/components";
MenuComponent.reinitialization();
