vue项目之 el-table 拖拽行

一、功能表格的任意行都可以拖拽位置；默认不能拖拽表格，点击拖拽按钮可以拖拽。二、代码npm 下载 sortablejs页面按钮：页面el-tablejs引入 sortablejsdata() {} 里面的相关数据method: {}disabledRow()...

柒仔不安

3373人浏览 · 2019-10-16 10:59:34

柒仔不安 · 2019-10-16 10:59:34 发布

一、功能

表格的任意行都可以拖拽位置；默认不能拖拽表格，点击拖拽按钮可以拖拽。

在这里插入图片描述

二、代码

npm 下载 sortablejs
在这里插入图片描述
页面按钮：
页面el-table

js引入 sortablejs

data() {} 里面的相关数据

method: {}

disabledRow()

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^