draggable禁止拖动_vue.draggable disabled 开启和禁用拖动

vue.draggable disabled 开启和禁用拖动

通过disabled属性实现开启或禁用vue.draggable的拖拽效果。

disabled属性

{ {item.name}}

//导入draggable组件

import draggable from 'vuedraggable'

export default {

//注册draggable组件

components: {

draggable,

},

data() {

return {

disabled:false,

//定义要被拖拽对象的数组

arr1:[

{id:1,name:'www.itxst.com'},

{id:2,name:'www.jd.com'},

{id:3,name:'www.baidu.com'},

{id:4,name:'www.taobao.com'}

]

};

},

methods: {

//设置禁止拖拽

setJY(){

this.disabled=true;

},

//设置启用拖拽

setQY(){

this.disabled