vue-closableを使用してボタンクリックでポップアップを表示する2020.02.12nuxt.jsnuxt.jsライブラリ「vue-closable」をインストールすると、ボタンをクリックでポップアップさせることができます。ここでは、nuxt.jsでvue-closableを利用するための手順と簡単な使い方を記述してます。下記のコマンドで構築。ここでは、nuxtappという名前でプロジェクトを作成してます。nuxtapp下記の設定で構築してます。v1.19.1外部IP許可localhostではなくプライベートIPを利用して接続して確認したいので、作成したプロジェクト配下にあるpackage.jsonに下記を追加します。"3000"}},vue-closableインストール下記のコマンドでインストールします。vue-closablevue-closable使い方plugins配下にplugin.jsを作成し、下記の通りに編集します。VueClosable)プロジェクト配下にあるnuxt.config.jsに下記のコードを追加します。'client'}],pages配下にあるindex.vueを下記の通りに編集します。http://プライベートIP:3000にアクセスすると、showボタンをクリックするとポップアップが表示されることが確認できます。2020.02.17基本的には、SSRを利用しようとすると発生するみたいです。自分の場合は、あるライブラリを利用しようとして発生。対応した手順を記載しておきます。2019.12.06Nuxt.jsでaxiosを使ってAPIデータを取得する手順とサンプルコードです。2020.02.13たまにしか使用しないのですが、nuxt.jsのバージョンはコマンドで確認できます。Stickerを利用するとスッテカーのような動作が簡単に実装できます。2020.01.16nuxt-childコンポーネントを利用すると簡単に共通化が可能です。2020.02.14ライブラリ「vue-slide-bar」をインストールすると、スライダーコントロールの実装が簡単に可能です。2019.11.27electron-nuxtの環境構築。nuxt-community/electron-templateを利用してインストールしてます。2020.01.21Nuxt.jsにChart.jsを導入できるライブラリvue-chartjsをインストールして、利用するための手順。vuetifyも利用しています。2020.02.13ライブラリ「timeline-vuejs」をインストールすると、タイムラインが簡単に実装が可能です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。