[Vue.js] ファイルアップロード＆バリデーション ( use bootstrap-vue )
See the Pen vue.js(bootstrap-vue) File Upload by Tenderfeel (@Tenderfeel) on CodePen. なんでか初回はonchangeが反応しない挙動があった。 プレビュー表示ならwatchでv-model監視する手もあるな🤔と思った。 draganddropの判別にmodernizr使おうとしたら存在しなかったんだけど消えたんですかね。 ないものは仕方ないからisMobileでPCだけドラッグドロップUIになるようにしてます。 Fileが色々と情報をくれるのを利用して違反がないかチェックする。 error変数にエラーメッセージを入れるとします。 error: [] 画像ファイル容量 if (val.size / 1000 > 200) { this.error.push(`ファイルサイズが大きすぎます（${Math.r
![[Vue.js] ファイルアップロード＆バリデーション ( use bootstrap-vue )](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog
最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバーとなり、DB やバックエンドシステムのプロキシのような存在になりつつある。 私はサーバーサイドエンジニアとしてキャリアを積んできた。SPA が流行りだした頃、いずれサーバーサイドエンジニアは不要になって自分のキャリアを考え直さなくてはいけない時期がくるのではないかと戦々恐々としていた。 自分も元々、SPA を他サイトとの「差別化技術」と定義していた。ブラウザのタブページのライフサイクルにおいて、初期化プロセスを一回にまとめてシームレスな遷移を実現する技術。たとえ
Vue.jsでhandsontableを使う - Qiita
テーブルの作成 なにはともあれテーブルを作成して表示させてみましょう。 ざっくりとコードを示します。 vue-handsontable-officialをコンポーネントとして追加 テーブルの設定値はhotSettings.dataとして記述 <style> body { padding: 15px; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; } #test-hot-app { width: 500px; height: 500px; overflow: hidden; } </style> <div id="app"> <hot-table :root="root" :settings="hotSettings"></hot-table> </div> <script> import Vue from 'vue
Create A Vuex Undo/Redo Plugin For VueJS
There are many benefits to centralizing your application state in a Vuex store. One benefit is that all transaction are recorded. This allows for handy features like time-travel debugging where you can jump between previous states to isolate problems. In this article, I'll demonstrate how to create an undo/redo feature with Vuex, which works in a similar way to time-travel debugging. This feature
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - lindell/vue-barcode: Barcode generator for Vue.js
Nuxt 2 - The Intuitive Vue Framework ドキュメント
