suggest-redtombo
用途
このパッケージは、Nuxt 3 で検索機能を作るときに便利です。名前とふりがなを含むリスト(datalist)を渡すと、入力に応じてサジェスト(候補)が表示されます。サジェストをクリックすると、その内容が検索欄に自動的に入力されます。サジェストは名前とふりがなどちらを入力しても表示されます。
主な機能
- 名前とふりがなどちらにも対応したサジェストの表示
- クリックしたサジェストの自動入力
使うのに必要なパッケージ
- bootstrap ver.5
- nuxt ver3
- nuxt-lodash ver2
- @vueform/multiselect ver2
サンプルコード
suggest-redtombo - StackBlitz
for description
インストールのやり方
このパッケージは、Node.js 環境で使用することを想定しています。事前に Node.js をインストールして、npm または yarn が使用可能な状態にしてください。
以下のコマンドを使用してパッケージをインストールできます
npm を使用する場合
npm install update-button-redtombo
yarn を使用する場合
yarn add update-button-redtombo