web前端|js教程
vue-slicksort,javascript,vue.js
web前端-js教程
本文主要和大家分享vue-slicksort ,它是一个功能强大的可拖拽的vue.js组件。 它可以自动滚动,锁定坐标系。支持拖拽时,流畅的动画效果。可以支持水平,垂直或者网格的拖拽。支持触摸。希望本文能帮助到大家。
b3log源码,ubuntu系统 idea,tomcat的环境偏亮,android爬虫内网,php怎么建立数据库,渝北抖音seo搜索优化排名lzw
DEMO
帝友3.1 源码,vscode如何添加函数,ubuntu g 4.8,tomcat启动占用内存,爬虫扫描,php留后门,济南正规seo推广费用,游戏出租网站源码,视觉滚动差网页模板lzw
6.0内核源码和7.0区别,ubuntu 字体 推荐,tomcat怎么看超时,爬虫软件交流,php手机端开发框架,如何为特定行业市场做seo优化lzw
安装
通过npm安装
$ npm install vue-slicksort --save
通过yarn安装
$ yarn add vue-slicksort
插件应用
引入组件
// Using an ES6 transpiler like Babelimport {ContainerMixin, ElementMixin} from vue-slicksort;// Not using an ES6 transpilervar slicksort = require(vue-slicksort);var ContainerMixin = slicksort.ContainerMixin;var ElementMixin = slicksort.ElementMixin;
在你的vue文件中这样引用
import Vue from vue;import { ContainerMixin, ElementMixin } from vue-slicksort;const SortableList = { mixins: [ContainerMixin], template: `
`,};const SortableItem = { mixins: [ElementMixin], props: [item], template: ` {{item}} `,};const ExampleVue = { name: Example, template: `
`, components: { SortableItem, SortableList, }, data() { return {items: [Item 1, Item 2, Item 3, Item 4, Item 5, Item 6, Item 7, Item 8], }; },};const app = new Vue({ el: #root, render: (h) => h(ExampleVue),});
组件参数
轮子工厂–一个分享vue,angular优秀组件的网站。
JS拖拽组件学习使用_javascript技巧