Vue js multiselect - having custom suggestion text

Question

I am using vue multiselect plugin in my Vue v.1x project. I am wondering how can I customise suggestion text like Press enter to select or Press enter to remove, when hovering over options? You can see the example in the fiddle. I have tried with setting the :selectLabel="Select" but that didn't work.

Answer 1

When sending props you need to use 'kebab-case'. So if the prop looks like selectLabel in the child, it should be pass like

:select-label="value"

Also, when sending the variable make sure to either to double quotes to send as a string, since the ':' before the prop tries to evaluate a variable.

Ex. The label should be 'Select'

:select-label="'Select'"

Ex. 2. The label should use a variable 'xyz' defined in the component

:select-label="xyz"