Integration with Vue and Selectable Cell Range with Clipboard breaks after calling setData

[peteralfredoflynn]

Describe the bug
This may not be a bug, but more of an issue with Vue integration. Thank you so much for the time on this awesome library! If this is not the correct forum, please close out, but I sure could use some help.

I also have the question on stackoverflow

I'm trying to set up a tabulator table with Vue and Selectable Cell Range with Clipboard based on this example from Tabulator and these Vue Integration docs from Tabulator

The problem is, after calling setData, pasting the selectable range no longer works and the console warns No bounds defined on Range

I can confirm this is not an issue with tabulator, but only an issue when integrating with Vue.

Tabulator Info
Version 6.3

Working Example
Here is a working JSFiddle without Vue integration.

Here is the broken JSFiddle that is nearly identical, with Vue integration.

To Reproduce

1. Go the Vue JS Fiddle (2nd link)
2. Copy and Paste a range to see that it does work (optional)
3. Hit the "Set Data" button
4. Try copying and pasting another range, and see it does not work.

Expected behavior
I expect the copying and pasting to still work after calling setData

Desktop

• Browser Chrome

Additional context
It works if I change setData to updateData but I would prefer to use setData for reasons of historical cell data like CellComponent.getInitialValue().

Once again, thank so much for the time spent on this awesome library!