Vue.jsでドラッグ&ドロップするなら「Vue.Draggable」がおすすめ

「Vue.Draggable」はドラッグ&ドロップを実装するライブラリです。基本的な使い方、コピペで1分のサンプル、ケーススタディを公開しています。

vue.jsのMarkdownライブラリ「mavonEditor」を使ってみた

今回ご紹介する「mavonEditor」はGithubのスターが2000を超える人気ライブラリです。日本語にも対応した高機能のUIが搭載されています。コピペで実装できるサンプルを掲載しています。

Vue.Draggableでフィルタリングされたリストを使用する

Vue.Draggableを使いながらリストをフィルタする機能が欲しいと思いました。
しかし、Vue.Draggableの特性と言いますか、制限のようなものでcomputedが使用できません。
そこで別のやり方で実装しました。

データの変更に対して、v-bindやv-ifが反応しない時の対処法

最近までdata オプションの変更にv-bindやv-ifが、なぜ反応しないのか分からなくて困っていました。ようやく理由が分かったので、忘れないようにメモします。

Vue.jsを使って、もっとWordPressっぽいTinyMCE用メディアアップロードを実装する

今回は、Wordpressぽいメディアアップロードモーダルをちょっとバージョンアップをして、Vue.jsを導入しました。選択したファイルの「拡張子」とか「パス」とか「ファイル名」とかの情報を管理するのに、Vue.jsのリスト機能は理想的でした。JSON形式で情報を保持して、選択時に自動切り替え等々ができて、ちょー便利です!