Vue-multiselect: make the tags invisible and show the total tag instead

[volkanciloglu]

I do not want to see the tags. Instead, it is better to see the total selected tags.

[purplelady105]

I would like to have an option for this as well.

[TrendyTim]

I had to do an ugly hack with limit=0 and some custom JS for the limit-text so native support would be nice, its crazy how there are no multi select dropdowns that dont natively and cleanly support no tags,

[akki-jat]

Hi @VCodepp

Are you talking about feature like this?

Or like this?

[volkanciloglu]

@akki-jat

This good idea.

[smilingkite]

I've 'solved' this by setting the amount of selected items to show at 0 and css hiding the message that appears when there is nothing showing.

[shentao]

This is now available in 2.1.2 thanks to @akki-jat PR! 🎉

[rashearth]

Hi, thank you for the wonderful feature!
I have checked many sites to implement this feature, but i couldn't find out how to set it.
If possible, could you kindly share us how we could list no tags and list "2 options selected"?
(Please kindly tell us in what options or code we should list to implement this feature)
sorry for taking you time.
& thank you for your support.

[akki-jat]

Hi @rashearth,
creted small demo for it so you can play around with it.

Demo Link:

https://jsfiddle.net/akki_jat/pdvLz5bs/6/

[rashearth]

Hi, akki-jat, Thank you so much for the support!
i understood, but it seems a bit different for what i have imagined.

in the Vue.js multiselect homepage(https://vue-multiselect.js.org/) example, it writes in plain text of "3options selected" as the picture below.
is it possible to work like this in plain text? this feature would fit the design of any kind of sites.
i have checked the source of the HP, but i could find the exact code for working this out.

sorry for taking you time, but it would be great if you could show us how to work this out.

[akki-jat]

Hi, @rashearth ,

Styles were coming because I added the classes you can remove the classes or even add your custom classes to give look as you want.

Take a look at updated link.

https://jsfiddle.net/akki_jat/prLu7zqt/9/

[rashearth]

thanks alot! I got it working!
it took me so long, since i have been using the old version of vue multiselect, and couldnt make it work. but now i got it:)