父组件<template> <div id='add'> <airtable :tableData="tableData" :columData="columData" :menuList ="menuList" :pageTotal="pageTo
最近在捣鼓自己的个人博客网站,有一个模块需要用到瀑布流图片?展示,于是我就将其封装成了一个组件,以后可以导入就能使用。
原创 2023-08-07 14:02:36
775阅读
安装npm install awe-dnd --save使用在main.js中,通过Vue.use引入
edn
转载 2022-05-26 12:25:54
304阅读
vue实现div高度拖拽 这里有一个现成的demo,可以实现页面div的拖拽功能,但是和我想要的效果不是很一样,所以说后边有根据我的实际需求又重新修改了一下,先看一下现在的demo效果。 <template> <div id="eagleMapContainer" style="border: 1
原创 2022-06-23 12:50:42
1179阅读
解决痛点在 Sortablejs 官方以往的 Vue 组件中,都是通过使用组件作为列表的直接子元素来实现拖拽列表,当我们使用一些组件库时,如果组件库中没有提供列表根元素的插槽,我们很难实现拖拽列表,vue-draggable-plus 完美解决了这个问题,它可以让你在任何元素上使用拖拽列表,我们可以使用指定元素的选择器,来获取到列表根元素,然后将列表根元素作
原创 1月前
408阅读
效果图需求是做一个这种的多层级表格,树形数据表格。大家可能遇到的问题一种是不知道如何做这种多层级的表格 一种是后台给自己返回的数据不是树形的,也就是没有子父级。全是一条条的扁平化数组。类似这样 而我们需要的结构是这样 那么问题就来了,我们如何把这一段数据给处理转换成树形结构呢。我在网上看了好多的帖子学习,发现很多都是写的很复杂或者只写了一部分,那我就来弄一个全覆盖的额好了,从如何做表,到万一给你的
本文是对《可视化拖拽组件库一些技术要点原理分析》[1]的补充。上一篇文章主要讲解了以下几个功能点:1.编辑器2.自定义组件3.拖拽4.删除组件、调整图层层级5.放大缩小6.撤消、重做7.组件属性设置8.吸附9.预览、保存代码10.绑定事件11.绑定动画12.导入 PSD13.手机模式现在这篇文章会在此基础上再补充 4 个功能点,分别是:•拖拽旋转•复制粘贴剪切•数据交互•发布和上篇文章一样,我已经
转载 2023-08-28 16:23:03
170阅读
文章目录1. 准备js1.1 `dialog-drag.js`1.2 `index.js`2. `main.js`引用自定义指令3. 使用1. 准备js1.1 d
原创 2023-01-06 13:30:03
461阅读
https://jbaysolutions.github.io/vue-grid-layout/zh/guide/
原创 2023-05-13 00:40:11
589阅读
/ 用鼠标的位置减去鼠标相对元素的位置,得到元素的位置。// 在容器范围内移动时,被拖拽元素的最大left值。// 在容器范围内移
原创 7月前
369阅读
在Android开发中,我们常常用到ListView和GridView,而有的时候系统的ListView,GridView并不能满足我们的需求,所以我们需要自己定义一个ListView或者GridView,我的上一篇文章中就是自定义的一个左右滑动删除item的例子,大家有兴趣的可以去看看​​ Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果​​,今天这篇文章就
转载 2023-02-09 00:31:16
136阅读
{ "code": "0", "message": "SUCCESS", "data": [ { "code": 1, "parentCode": 0, "value": "IPO上市", "status": 0, "comment": "IPO上市", "showOrder": 1 }, { "c ...
转载 2021-08-24 17:14:00
482阅读
2评论
需求:现在区政府里需要调查各个乡镇的农户信息和农药使用情况。但由于信息量太大,所以把它细分到各个村,各个组里去填写这两个表的填写情况。现在我们以村为单位,划分调查任务。(后期刁钻的细节是:设置用户权限,比如县级能分配任务,乡镇级别的可以填报任务)x.vue<template> <div class="mod-work"> <el-form :inline="true
什么是虚拟DOM树?(Virtual DOM)    虚拟DOM树其实就是一个普通的js对象,它是用来描述一段HTML片段的     01    当页面渲染的时候Vue会创建一颗虚拟DOM树          02    当页面发生改变Vue会再创建一颗新的虚拟DOM树&nbsp
转载 2021-07-26 16:07:00
513阅读
2评论
简介和 Demo 展示 最近需要有个拖拽列表的需求,发现一个简单好用的 Vue 拖拽组件。安利一下~ Vue Smooth DnD 是一个快速、轻量级的拖放、排序的 Vue ...
转载 2021-07-26 16:07:00
1234阅读
自由拖拽移动的盒子
原创 2022-12-10 00:51:32
393阅读
项目中需要实现一个状态显示的悬浮框,要求可以设置两种模式:拖动模式和不可拖动模式。实现效果图如下:实现步骤:1.首先要设置该悬浮框的基本属性:/** * 显示弹出框 * * @param context */ @SuppressWarnings("WrongConstant") public static void showPopupWind
Nestable是基于Bootstrap的一个拖拽的树结构表现插件。 下面粗略的介绍一下它的用法,只作为学习参考,如有不合适之处,请各位凑合看。 下图是我在现在系统中用到的Nestable,对系统模块排序。 1.首先是需要引入的文件 bootstrap.min.css Bootstrap的CSS文
转载 2017-10-14 13:43:00
109阅读
2评论
基于Element-UI的树形表格组件,根据需求扩展一些功能,如实现每次只能展开同级一行的手风琴效果,表格数据实现新增,编辑,查询,删除等。[一] 每次只能展开同级一行的手风琴效果<el-table ref="table" :data="tableData" :tree-props="{children: 'children', hasChildren: 'ha
  • 1
  • 2
  • 3
  • 4
  • 5