vue elementコンポーネントドラッグ効果の追加

vuedraggableプラグインの使用

npm install vuedraggable-S(Sortableをインストールする必要がある場合があります)

をインストール

ページimport draggable from'vuedraggable'

を参照

ページ登録コンポーネントcomponents:{draggable}draggableラベルで

を使用

はupdateメソッドを呼び出し、このメソッドイベントは新しいインデックスと古いインデックスを返し、データは同様に応答式の

である.

methodsメソッド

datadragRecite(evt) {
    console.log('       :' + evt.oldIndex)
    console.log('       :' + evt.newIndex);
}