N00ts/vue3-treeview

checkMode auto

laurentleb-comnum opened this issue · 5 comments

laurentleb-comnum commented

How checkMode is supposed to work ? On the demo, when checking checkMode auto, it works exactly as I expect. But in my code, adding checkMode: "auto" to the config does not work.

Thanks in advance

N00ts commented

I don't know what is your code, please post some exemple (fiddle / sandbox or other)

soooru commented

Hello,
The checkMode property accepts the values 0 or 1 instead of 'manual' and 'auto' in example code

code sandbox ( it's yours ... ) :
https://codesandbox.io/p/sandbox/configuration-umz56?file=%2Fsrc%2FApp.vue%3A115%2C29-115%2C37&from-embed=

When using 0 and 1, the following error message appears in the console:
"Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided."

When using 'auto', it doesn't work as I intended, but when using '0' and '1', it behaves as desired.

N00ts commented

Yeah that is because it is an enum :)

BenHeath0 commented

can you update the documentation to include this? Im also unable to figure out get checkMode: auto working. My code is:

<tree :nodes="layers" :config="config"></tree>
...

computed: {
  config() {
            return {
                roots: this.layerRoots,
                checkboxes: true,
                checkMode: 'auto',
            }
        }
}
...
sookoll commented

It also took some time for me to figure this out because documentation is wrong.
@N00ts can You then update Your documentation, because there is:
| checkMode | String | "manual" | false | Checkmode can be **"manual"** or **"auto"**. When auto mode is enabled, it triggers an event to check children |