SearchStax Site Search offers a Vue search-input widget for your custom search page.
The SearchstaxInputWidget provides a search input box with autosuggest and autocomplete functionality.
Usage
<SearchstaxInputWidget
:afterAutosuggest="afterAutosuggest"
:beforeAutosuggest="beforeAutosuggest"
:suggestAfterMinChars="3"
></SearchstaxInputWidget>Props
-
suggestAfterMinChars– Minimum number of characters required to trigger autosuggest. Default:3 -
beforeAutosuggest– Callback function that runs before autosuggest fires. The autosuggestProps are passed as a property. You can modify them and pass them along so the search executes with those changes. If you return null, the event is canceled and the search doesn't fire. -
afterAutosuggest– Callback function that runs after autosuggest retrieves values but before rendering. Return the same data type, but you can modify the values.
Example
See the full example at searchstax-ux-vue.