//=======拖动插件
cnpm安装vue可拖动
importdraggablefrom ' vue draggable '
draggable v-model=' tags ' : move=' get data ' @ update=' datadragend '
传输组
div class=' testdiv ' v-for=' elementintags ' : key=' element.id '
{{element.id}}
/div
/转换组
/draggable
数据()。
返回{
msg : ' welcometoyourvue.js app ',
tags: [{
id: 1
、{
id: 2
() ) ]
}
(,
methods: {
获取数据(evt ) {
控制台. log (evt.dragged context.element.id ) )。
(,
数据梯度(evt ) {
console.log ('拖动前索引:' evt.oldIndex ) )。
console.log ('拖动后的索引:' evt.newIndex ) )。
控制台. log (this.tags ) )。
}
(,