Description
Overview of the problem
If you use the tdAttrs
or thAttrs
property on the OTableColumn component to set the class, a recursive update warning is displayed and the class is duplicated.
Oruga version: oruga-next [0.5.5]
Vuejs version: [3.2.33]
OS/Browser: macos/Chrome
Description
Demo: https://codesandbox.io/s/oruga-table-recursive-updates-x0b68l?file=/src/App.vue
[Vue warn]: Maximum recursive updates exceeded in component . This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.
Steps to reproduce
- Open demo link
- Open the developer console
Expected behavior
There should be no recursive updates.
The class specified in the tdAttrs
or thAttrs
property must be output once.
Actual behavior
A warning is displayed. With large amounts of data, the page is very slow.
The class is displayed twice in each cell.