import vuedraggableNext from 'vuedraggable-next'; import { createVirtualList } from 'vue-virtual-scroll-list'; Vue.component('vuedraggableNext', vuedraggableNext); export default { data() { return { items: Array.from({ length: 1000 }, (_, i) => ({ id: i, text: `Item ${i + 1...
Vue-draggable-next 提供了多种事件,可以用于监听和响应拖拽操作。 常见的事件和方法: @change:当拖拽结束时触发,返回一个新的数组。 @start:在拖拽开始时触发。 @end:在拖拽结束时触发。 @add:当一个元素被添加到可拖拽列表中时触发。 @remove:当一个元素从可拖拽列表中移除时触发。 <template> <draggable @...
vue-seamless-scroll switch控制切换 在Vue项目中如何实现轮播图的效果呢,在传统项目中第一个想到的一般都是swiper插件,代码简单好用。一开始我也是直接npm安装swiper然后照着之前的传统写法写,然而却没有效果,只会显示图片但没有轮播效果。上网查了很多资料也参考其他同行的做法,跟着改但是还是没效果。后来发现vue是...
vue-syntax-highlight- Sublime Text语法高亮 vue-infinite-scroll- VueJS的无限滚动指令 Vue.Draggable- 实现拖放和视图模型数组同步 vue-awesome-swiper- vue.js触摸滑动组件 vue-calendar- 日期选择插件 bootstrap-vue- 应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe- VueJS触摸滑块 vue-amap- 基于Vue 2和...
vue-virtual-infinite-scroll - A vue2 component based on Iscroll, supports big data list with high performance scroll, infinite load and pull refresh. @egjs/vue-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Vue.js 2. @grafikri/vue-infinite-sc...
最近使用 vuedraggable 做拖拽效果。不过因为要用到滚动条而使用了 overflow: scroll,导致了两个奇怪的效果,虽然折腾了一段时间,不过最后我还是将这些奇怪的 bug 解决了。 奇怪的效果 如果拖动 item,将光标移动到某两个 item 之间的界线上,有时会出现闪烁现象,原因是 item 不断地修改最终位置,导致 list 不停地...
vue-infinite-scroll- VueJS的无限滚动指令 Vue.Draggable- 实现拖放和视图模型数组同步 vue-awesome-swiper- vue.js触摸滑动组件 vue-calendar- 日期选择插件 bootstrap-vue- 应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe- VueJS触摸滑块 vue-amap- 基于Vue 2和高德地图的地图组件 ...
vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list. vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x). dnd-grid - A vuejs grid with draggable and resizable boxes vue-fullpage.js - Official fullPage....
defaultScroll?: boolean // 是否右键菜单 isRightMenu?: boolean // 行拖拽排序 dragRow?: { column?: PMColumnType onDragSortEnd?: ( beforeIndex: number, afterIndex: number, newDataSource: any[], ) => void } } export interface TableEmit {8...
vue-mugen-scroll★239 - 无限滚动组件 vue-virtual-scroller★238 - 带任意数目数据的顺畅的滚动 vue2-calendar★236 - 支持lunar和日期事件的日期选择器 vue-dropzone★233 - 用于文件上传的Vue组件 vue2-douban-market★233 - 仿豆瓣市集webapp项目