概要
Vue.jsにはVue-multiselectという、多機能なセレクトボックスのライブラリがありますが、これをnuxt.jsで使いたい場合の方法を記載します。
Vue-multiselectについて
どのような機能があるかは、Vue-multiselectにて紹介されています。また、「Vue-multiselect」を使って万能なセレクトボックスを実装するの記事も参考になります。
サーチ機能や、タグを追加する機能もあり、かなり便利な感じはします。
nuxt.jsでの使用
nuxt-vue-multiselectというライブラリを使用します。タグの使い方は、上記のVue-multiselectと同様です。
導入方法は以下の通りです。
①install
npm i nuxt-vue-multiselectを実行。
②nuxt.config.jsへの設定追加
modulesのセクションへ、'nuxt-vue-multiselect'を追加。