【Vue.js】特定要素以外のクリックを検知して処理を行う方法
実装イメージ今回は、「メニューボタン」と「選択肢メニュー」以外がクリックされた際に、選択肢メニューを非表示になるように実装します。動作実際の動作は「Result」タブからご確認ください。ボタンと選択肢メニュー以外がクリックされた際に、選択肢メニューを非表示にするよう
Vue.js
記事数
31
git cloneしたvueのソースをローカル環境で起動する手順
開発環境@vue/cli 4.5.15vue@2.6.14AWS CodeCommit手順git cloneでリポジトリを複製cd コマンドで対象のcloneしたディレクトリに移動node_modulesのインストール依存関係を
【vue-router】NavigationDuplicated Avoided redundant navigation to current locationの対処法
開発環境vue-cli 5.0.4エラー内容このエラーは、vue-routerでの遷移時、現在いるrouteと同じrouteに移動しようとすると発生する。NavigationDuplicated: Avoided redundant navigation to
【JavaScript】時間(hh:mm)をソート(sort)する方法
JavaScriptで「12:30」などの時間をソートする場合に正常にソートできない方は、記事で問題を解決できます。大事なポイントは、コロンを除去した上でソートしているのかどうかです。これから解説するソースコードはVue.jsを使って記述していますが、Vue.jsを知らなくても理解できる内
【Vue.js】リッチテキストエディタ「vue-quill-editor」の使い方
「vue-quill-editor」はVue.js製のリッチテキストエディタを実装するライブラリです。その内部構造は、GitHubで★32,685を誇る有名なテキストエディタライブラリ「Quill」で構築されています。Quillは、シンプルなAPIで構成されているので開発者向けにも使いやす
【Vue.js】vue-pdfを使ってPDFプレビューを表示する方法
開発環境@vue/cli 4.5.15vue@2.6.14vuetify@v.2.6.6vue-pdfとはvue-pdfは、vueコンポーネントを使ってPDFを簡単に表示・閲覧できるようにするためのVue.js用ライブラリです。vue-pdfを使えば、た
【Vue.js】ファイルサイズのバイト数をKB・MB・GBに変換する方法
アプリケーションを構築する上でファイルサイズを表示する場面があるかと思いますが、全てのファイルがバイト数のまま表示されているとユーザービリティはとてつも無く下がります。KB・MB・GBなど適切な単位に変換して表示すればファイルサイズを把握しやすいと思います。今回は、JavaScriptでフ
【Vue.js】enter押出でフォームを送信する方法（全角入力・変換対応）
開発環境vue@2.xvuetify@2.x検証環境機種：Mac mini (M1, 2020)ブラウザ：Chrome, Firefox※safariは挙動が異なるので、動作検証中です。全角入力の変換完了と同時に送信されるアンチパター
【Vue.js】テキスト検索でリストの絞り込み機能を実装する方法
今回はVue.jsでテキスト検索（絞り込み）機能を実装してみました。ソースはコピペで動きます。もし不明な点や質問、ご指摘がありましたら、記事下のフォームからコメントをお願いします。実際の挙動と仕様当機能の仕様は、何らかの飲食店のリストがあったと仮定して、ユーザーが自分の興味のある検
【Vue.js】ドラッグ&ドロップでファイルアップロード機能を実装（プレビュー付き）
開発環境vue@2.xvuetify@2.x実装イメージ1.初期画面2.ドラッグ中3.ドロップ時ドラッグ&ドロップを開始した際にデザインを変更したり、ドロップされたファイルの情報を表示し
【Vue.js】checkboxの複数選択、個別選択、全選択機能を実装する方法
実装イメージチャットなどの機能で「ユーザーを選択して追加する」的な場面を想定して実装をしました。選択済みのレコードの背景色が変わるようになっています。ソースはコピペで動きますので、コードだけ欲しいという人は次のCodePenから持っていってくださ
