vue-input-tag
vue-input-tag copied to clipboard
matiastucci
Can you add autocomplete function?
Hi! I still have to finish some stuff and be sure that the component is stable. Once I finish with that I would like to implement this. Thanks for the suggestion.
Can I suggest to leave this issue open to keep track of the work for autocomplete?
further to autocomplete it would be nice if validators can talk to a backend. e.g imagine tags being products codes and a validator being able to talk to the backend using an axios/ajax call and return trey or false if the product exists or not.
nice work on this component.
Hi. Thanks for your work on this component. I also wanted an autocomplete functionality but i would like to compose a custom component with this one to achieve the same. However, i need a callback on the event of input change, so that i can use the partial input text to generate a list of autocomplete options. Can i send a pull-request for this change? Should be very simple.
Basically just need a @keyup functionality for this right? Then make a http call to your tag db or other source of tag data (maybe in Vuex).
https://gist.github.com/EvanZ/13d3d7dd4d29e9ab39ad39ffa8dcfef8
I might make a fork of this to work on this since I require it for a project but don't wish to reinvent the wheel.
Also since its just used for tags I don't think an http call is required since most of the time you are just checking if tags exist. maybe just pass it an array like the pre filled ones then checking if the value exists in array if so suggest it, to start with at least.
@michaelmano think of tags being products codes and products being tens of thousands, does not make sense to give it an array of thousands of valid product codes but make much sense to make an Ajax call to validate if the code exists! if the validation is implemented in some sort of function callback then its up to you to simply check an array or make an Ajax call depending on your needs!
@unitedworx then maybe have either option. An auto complete array for smaller things and an auto complete URL that will post with a denounce function to get an array
Mmmmh this component is really useful. Too bad it's not 100% finished, it lacks a few methods you don't seem to be willing to implement I guess I'll have to do it on my own ^^'
@LorrainInfinity Sometimes is really hard to make enough time to maintain an open source project but PR's are welcome 😉
@ianaya89 Yes that's true ^^. It doesn't lack much and I think it could be useful enough to a lot of people but I'm trying to use it for a very complex architecture so I'll have to improve it a bit :p
@LorrainInfinity besides this feature, what else is missing in your opinion?
It'd be great to be able to detect which element was deleted. I know you did add a update:tags method (btw you should add it on the home page of the git project so people know about it :p). But I need to know exactly what element is removed from the array of elements.
On another hand it'd be great to be able to pass an array of objects as tags, and if so, add a "track-by" prop so it tracks based on a specific key. That's because I need to create an array of strings instead of using my real array of objects.
And why not fancy props like background-colors, colors etc to fit people's design but as I said, that's just fancy stuff :p
@LorrainInfinity You might check out Vuetify which pretty much has all these features in their multi-select. https://vuetifyjs.com/en/components/selects#api
Mmh yes maybe it could work but what I really need here is a tag creator not a multiselect (even though I saw that there is a "tag" option to allow tag creation, but in the end, it'll still be a select list isn't it?).
Anyway thank you for the component I'll look into that :)
You can use it as a multi-select but also add new tags. Overall, I'm very hapy with vuetify. You can see I use it for my site: https://catapolt.co.
I have added this PR to allow implement autocomplete out of the component: https://github.com/matiastucci/vue-input-tag/pull/63
