Feature: sublabels / option slots about vue-treeselect HOT 5 CLOSED

Hey, I just added the slot. It would be like this to use it:

<treeselect ...>
  <template slot="option" slot-scope="{ option }">
    {{option.label}}
    ...other things i want to customize the label with here...
  </template>
</treeselect>

Note that, slot-scope="{ option }" used destructuring. The option variable provides a lot of properties (e.g. isBranch, isLeaf, ancestors, level, ...etc) for your template to consume. You can also use option.raw to access the original option data you passed to the component.

Another thing worth noting is that, since the count text is implemented in the fallback content, if you customized the slot then you have to implement the count text yourself too if you are using it.

Do you think the API design fits your needs? Any suggestions are welcome!

from vue-treeselect.

I totally agree. Thanks for your feedback!

from vue-treeselect.

Any chance to release a new version?

from vue-treeselect.

@anfinil I'm sorry, it's not done yet :(

from vue-treeselect.

Hi, really sorry it took too long to have this feature finished. Just to let you know I just shipped it in v0.0.7.

from vue-treeselect.