Skip to content

[Bug Report][3.5.13] VTreeView Select Functionality (Prepend slot, selectable prop v-model value, click:select event) #19533

Closed
@angrymarker

Description

Environment

Vuetify Version: 3.5.13
Last working version: 2.7.1
Vue Version: 3.4.21
Browsers: Chrome 123.0.0.0
OS: Windows 10

Steps to reproduce

  • Use a prepend slot in conjunction with the selectable prop on the tree

  • Utilize the "selectable" prop to populate the v-model array with selected values

  • Trigger a method when a selectable checkbox is selected

Expected Behavior

  • Checkbox shows up next to prepend icon

  • Selecting the "selectable" checkbox adds the value to the v-model array

  • Event click:select is triggered when checkbox is selected

Actual Behavior

  • Prepend slot overwrites the checkbox when the "Selectable" prop is selected

  • Event click:select does not trigger when selecting the built-in checkbox

  • v-model array for treeview does not update when selectable checkboxes are selected

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

documentation on how to use v-treeview-item would be nice

Metadata

Assignees

Labels

C: VTreeviewT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions