Vue - Results Widget

Updated

Use the SearchStax Site Search Vue results widget to display search results with pagination or infinite scrolling on a custom search page.

Usage 

<SearchstaxResultWidget :afterLinkClick="afterLinkClick"
> </SearchstaxResultWidget>

Props

  • renderMethod – Choose either "pagination" or "infiniteScroll".
  • resultsPerPage – The number of results to display on a page.
  • afterLinkClick – A callback function that runs when a user clicks a result link. You can use this to modify the result object.

Open Results in a New Tab

Use linkTarget to choose where result links open. Set it to _self to open results in the current tab, which is the default behavior. Set it to _blank to open results in a new tab.

Example

For a full example, see searchstax-ux-vue.

Articles in this section