SearchstaxInputWidget Vue

SearchStax Site Search solution offers a Vue search-input widget to assist with your custom search page.

The SearchstaxInputWidget provides a search input box with autosuggest/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 gets called before firing autosuggest. autosuggestProps are being passed as a property and can be modified. If passed along, further search will execute with modified properties. If null is returned, then event gets canceled and search never fires.
  • afterAutosuggest – Callback function that gets called after autosuggest has values but before rendering. It needs to return same type of data but it can be modified.

Example

See full example at searchstax-ux-vue.

Questions?

Do not hesitate to contact the SearchStax Support Desk.