draggable中⽂⽂档
tag=“ul” ⽤来指定 draggable 组件渲染出来的 html 标签。
v-model 绑定列表可拖动元素,通常与内部元素 v-for 引⽤的数组相同。
v-bind 绑定组件的配置项,与 Sortable.js 的配置项相同,下⾯具体讲解:巴黎世家歧视华人
handsome是什么意思
group:string or object
string:命名,⽤处是为了设置可以拖放容器时使⽤
object: {name, pull, put}
exocell
name: 同 string 的⽅法
2012年6月英语四级答案pull:pull ⽤来定义从这个列表容器移动出去的设置,true/fal/‘clone’/function
true:列表容器内的列表元素可以被移出;
fal:列表容器内的列表元素不可以被移出;
‘clone’:列表元素移出,移动的为该元素的副本;
function:⽤来进⾏ pull 的函数判断,可以进⾏复杂逻辑,在函数中 return fal/true 来判断 是否移出;
put:put ⽤来定义往这个列表容器放置列表元素的的设置,true/fal/[‘foo’,‘bar’]/function
country lifetrue:列表容器可以从其他列表容器内放⼊列表元素;
fal:与 true 相反;
[‘foo’,‘bar’]:这个可以是⼀个字符串或者是字符串的数组,代表的是 group 配置项⾥定义的 name 值;
日本风土人情function:⽤来进⾏ put 的函数判断,可以进⾏复杂逻辑,在函数中 return fal/true 来判断是否放⼊animation: number 单位:ms,定义动画的时间;
disabled: boolean 定义此 sortable 对象是否可⽤,为 true 时 sortable 对象不能拖放排序等功能,为 fal 时为可以进⾏排序,相当于⼀个开关;
ghostClass:lector 格式为简单 css 选择器的字符串,当拖动列表元素时会⽣成⼀个副本作为影⼦元素来模拟被拖动元素排序的情况,此配置项就是来给这个影⼦元素添加⼀个 class,我们可以通过这种⽅式来给影⼦元素进⾏编辑样式;
sort: boolean 定义是否列表元素是否可以在列表容器内进⾏拖拽排序;
447空难delay: number 定义⿏标选中列表元素可以开始拖动的延迟时间;
language and culture>2013年高考题handle: lector 格式为简单 css 选择器的字符串,使列表元素中符合选择器的元素成为拖动的⼿柄,只有按住拖动⼿柄才能使列表元素进⾏拖动;
filter: lector 格式为简单 css 选择器的字符串,定义哪些列表元素不能进⾏拖放,可设置为多个选择器,中间⽤“,”分隔draggable:lector 格式为简单 css 选择器的字符串,定义哪些列表元素可以进⾏拖放
chonClass:lector 格式为简单 css 选择器的字符串,当选中列表元素时会给该元素增加⼀个 class;
forceFallback:boolean 如果设置为 true 时,将不使⽤原⽣的 html5 的拖放,可以修改⼀些拖放中元素的样式等;北京动画培训
fallbackClass:string 当 forceFallback 设置为 true 时,拖放过程中⿏标附着元素的样式;
scroll:boolean 默认为 true,当排序的容器是个可滚动的区域,拖放可以引起区域滚动