フロントエンド– category –
-
非同期でファイルをアップロード・ダウンロード・削除を実行する
【ファイルアップロード】 methods: { submit: async function () { // エラー表示を削除 this.clearAllError(); if (!this.checkFile(this.file)) return; const endpo... -
配列のエラー$errors->get(‘files.*’)をvue.jsで一覧表示する方法
複数ファイルを投稿時のバリデーションエラーをvue.jsのcomponentに渡します。 propsで下記のようなイメージです。 @if($errors->has('files.*')) :errors-f... -
Vue.jsにsanitize-htmlを導入し、XSS対策をする
こちらのsanitize-htmlを利用していきます まずはインストールです。 npm install sanitize-html installが完了したら、importします import sanitizeHtml from 'sa... -
【WYSIWYG】Quillエディターを実際に使ってみた
今回は公式のQuillを実際につかっていきたいと思います 下記のドキュメントをもとにした方法に加えて、別途手を加えていきます まずはnpmインストールをしていきます np... -
sanitize-htmlのドキュメントを翻訳
サニタイズで利用するsanitize-htmlの翻訳をしました。 翻訳対象は下記になります。 【sanitize-html】 sanitize-htmlは、明確なAPIを備えたシンプルなHTMLサニタイザー... -
【Vue】QuillエディターでWYSIWYGを実装
vue.jsでWYSIWYGを実装する。 無料で利用可能なQuilを利用して実装する方法を紹介します -
【WYSIWYG】Quillエディターを調査
この記事はWYSIWYG実装のために、Quillの内容を翻訳しながら読み進めたものになります。 【参考ドキュメント】 シンプルに公式ドキュメントを利用していきます 【ダウン... -
Vueでform送信前にデータを加工する方法
今回ですが、form送信前に値を加工する方法を書きます。 実は$nextTick()を使わないと失敗します。 ご存知ないという方には、参考になると思います 【要件】 今回の要件... -
Vueの状態管理Storeパターンを導入する方法
Vueの状態管理といえばVuexのイメージですが、 「ちょっと使いづらい」 「わかりづらい」 という声も聞こえてきます。 とはいえ、状態管理がなければPropsまみれになり...
1