vue-grid-layout

[vue] 栅格布局系统 vue-grid-layout 可拖拽

https://jbaysolutions.github.io/vue-grid-layout/zh/guide/
533_·2024-01-16 02:40

Vue Grid Layout

VueGridLayout-️适用Vue.js的栅格布局系统哎，博客写了一半了，运行官方给的demo时结果报错了，原来还不支持vue3看了一下issues：https://github.com/jbaysolutions/vue-grid-layout
无知的小菜鸡·2024-01-16 02:10

Vue Grid Layout ( 栅格布局 )

参考文章@我说爱你啊中文文档官方文档安装npminstallvue-grid-layout--save或yarnaddvue-grid-layout导入组件importVueGridLayoutfrom'vue-grid-layout
i小杨·2024-01-16 02:09

Vue2 _ 实现拖拽功能

其中有一些拖拽功能，不过用的是两个开源JS拖拽文件实现的效果，版本太老了，所以需要换代了，然后就查阅了能够用Vue来简单快速实现拖拽的功能实现方法：目录一、HTML拖放二、Vue.Draggable（强烈推荐）三、vue-grid-layout
雨季mo浅忆·2024-01-09 09:58

前端组件拖拽以及自定义组件布局demo(基于vue2实现)

组件的放大缩小以及拖拽借助一个不错的插件vue-grid-layoutgit文档：https://github.com/jbaysolutions/vue-grid-layout/blob/master
Dreamy smile·2023-11-22 00:55

拖拽组件推荐 grid-layout，可以做工作台

场景可以做工作台文档：https://jbaysolutions.github.io/vue-grid-layout/zh/效果
小墨宝·2023-11-08 14:47

Vue3.0实现拖拽布局

最近遇到个需求需要对页面布局进行拖拽然后改变布局，保存布局插件首先，我们选择的插件是vue-grid-layoutnpmivue-grid-layout--save官网：https://jbaysolutions.github.io/vue-grid-layout
二营长家的张大炮·2023-10-31 04:57

vue3+ts+vue-grid-layout 实现组件拖拽效果以及解决Vue3使用 vue-grid-layout的问题

1、安装（vue3安装此版本）[email protected]、在main.ts里面引入并useimport{createApp,Directive}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'import{store,key}from'./store'importVueGridLayou
₍•ʚ•₎呀呀·2023-10-19 11:07

2018-07-13

1在看之前的代码的时候，遇见了一个之前没有了解过的库-vue-grid-layout。就是Google了一下，发现思想是源自grid的布局。可是，我对这个库都不是很了解。
述云·2023-10-07 19:59

Vue Grid Layout -️ 适用Vue.js的栅格布局系统，在vue3+上使用

1、官网简介官网地址：https://madewithvuejs.com/vue-grid-layout中文文档：https://
迷小圈·2023-09-19 10:47

vue3安装vue-grid-layout显示[Vue warn]: Invalid vnode type when creating vnode: undefined.

后显示[Vuewarn]:Invalidvnodetypewhencreatingvnode:undefined.问题解决：不要在组件中引入import{GridLayout,GridItem}from"vue-grid-layout
King_960725·2023-09-19 01:30

vue-grid-layout移动卡片到页面底部时页面滚动条跟随滚动

问题描述：默认情况下vue-grid-layout移动卡片到页面底部时页面滚动条并不会跟随卡片滚动。
King_960725·2023-09-19 01:28

element-ui表格单元格合并

//importVueGridLayoutfrom'vue-grid-layout'exportdefault{name:'HelloWorld',data(){return{table:[{id:1,
梦里梦不到的梦_b5c8·2023-09-17 07:42

拖拽宫格vue-grid-layout详细应用及案例

文章目录1、前言2、安装3、属性4、事件5、占位符样式修改6、案例1、前言vue-grid-layout是一个适用于vue的拖拽栅格布局库，功能齐全，适用于拖拽+高度/宽度自由调节的布局需求，本文将讲述一些常用参数和事件
鹏多多.·2023-08-29 21:51

使用vue-grid-layout时 You may need an appropriate loader to handle this file type.

使用vue-grid-layout时Youmayneedanappropriateloadertohandlethisfiletype.node版本不匹配我的nodev14.16.0vue-gride-layout
圆周率v1.1·2023-08-10 10:18

Vue Grid Layout - 适用Vue.js的栅格布局系统（项目实例）

gitee:grid-project-giteeB站视频：Vue-Grid-Layout一、搭建项目框架创建vue项目vuecreatevite-layout//使用vue/cli创建vue项目下载依赖
~朴：shu·2023-07-28 03:27

【vue 低代码】组件拖拽小案例

工具vue-grid-layout在vue3环境中使用[email protected]//main.jsimportVueGridLayoutfrom'vue-grid-layout'createApp
усил·2023-04-10 06:13

用vue3语法改造vue2的vue-grid-layout

网上找了个vue2的vue-grid-layout,在此基础上改造成vue3的改造后git的仓库git地址https://github.com/xhlife/vue3-grid-layou目前测试拖拽和缩放暂无问题
qq_40441489·2023-04-05 15:19

vue前端截取并下载网页上所有echart

canvas），实现一键截图将宫格的文字、echarts图均截取并下载到本地,支持截取滚动条下方的内容image.png二、框架与插件：1、vue框架2、插件：html2canvas、echarts、vue-grid-layout
奋斗滴猩猩·2023-03-31 10:17

Vue3中实现拖拽和缩放自定义看板 vue-grid-layout的方法

VueGridLayout官方文档VueGridLayout中文文档1.npm下载拖拽缩放库[email protected]使用vue-grid-layout
·2023-03-10 18:23

前端开发之vue-grid-layout的使用和实例

前端开发之vue-grid-layout的使用和实例前言效果图一、vue中简单案例1、安装组件NPMYarn2、vue文件二、vue3使用（vue文件）1、需要导入vue3支持的该版本插件2、在mian.js
冯浩(grow up)·2023-02-24 03:51

VUE3 中实现拖拽和缩放自定义看板 vue-grid-layout

VueGridLayout官方文档VueGridLayout中文文档1.npm下载拖拽缩放库[email protected]使用vue-grid-layout
瑰·2022-12-30 09:32

Vue-grid-layout实现web拖拽布局功能

调研了非常多种现在做拖拽布局的组件，调研的地址是：https://vuejsexamples.com/tag/drag/经过比较，选择了一款优秀的可拖拽框架，vue-grid-layout。
佳瑞Jarrett·2022-10-26 15:02

前端开发指南之vue-grid-layout的使用实例

IE上无法打开，并报错缺少：总结前言VueGridLayout官方文档VueGridLayout中文文档可通过拖拽改变布局（如果我们做简易开发，通过拖拽组件形成页面或者有这个需求就是非常实用的了）因为vue-grid-layout
·2022-09-01 10:35

Vue3.0利用vue-grid-layout插件实现拖拽布局

目录1、插件2、插曲3、实现4、校验函数1、插件首先，我们选择的插件是vue-grid-layoutnpmivue-grid-layout--save官网：https://jbaysolutions.github....2、插曲安装完依赖，发现项目能启动起来，按照官网demo发现页面空白，控制台提示没有找到子组件改变思路，不使用局部引入组件，使用全局引入组件。3、实现constlayout=ref
·2022-02-07 13:41

Vue3.0基于vue-grid-layout插件实现拖拽布局

最近遇到个需求需要对页面布局进行拖拽然后改变布局，保存布局插件首先，我们选择的插件是vue-grid-layoutnpmivue-grid-layout--save官网：https://jbaysolutions.github....插曲安装完依赖，发现项目能启动起来，按照官网demo发现页面空白，控制台提示没有找到子组件改变思路，不使用局部引入组件，使用全局引入组件。实现constlayout=
·2021-11-10 21:29

在vue3中使用vue-lgrid-layout

最近使用vue3开发一个工具项目发现原本在vue2.x中使用很好的vue-grid-layout会报一个很奇怪的错误external_commonjs_vue_commonjs2_vue_root_Vue_default.aisnotaconstructor
sssdal19995·2021-07-02 09:37

vue-grid-layout组件的改装--暴露布局方法

vue-grid-layout是一个非常优秀的vue栅格拖动布局的组件,使用方法请参考官网属性GridLayout参数:layout类型：Array必需：true这是网格的初始布局。
为光pig·2021-06-10 00:56

如何以拖拽方式生成Vue用户界面

一、技术原理1.1布局  目前仅实现了基于vue-grid-layout的网格布局，设计画布上的每个组件动态加载至对应的GridItem
·2021-04-14 20:29

vue-grid-layout实现桌面拖拽布局

vue-grid-layout实现拖拽布局想实现桌面自由拖拽布局的效果，找到了vue-grid-layout栅格布局插件，可以完美解决。初始布局，拖动可改变布局。
csdn_ZH5446·2021-02-03 14:53

vue-grid-layout（脚手架版本）

项目需要，可灵活布局的组件网上搜了vue-grid-layout写法为单文件引入模式的，才疏学浅，研究了一下1.安装cnpminstall--savevue-grid-layout2.使用直接在要用的组件里
这是个问题·2020-09-13 17:57

vue定制化桌面开发

网上搜索vue实现拖拽布局的插件许多，最后选择了容易上手的vue-grid-layout插件，废话太多了，开始整干货。
倾我一生来读·2020-09-10 23:55

vue中实现拖拽功能/可定制桌面

vue中实现拖拽互换模块功能页面为了实现较好的交互功能和页面个性化设置，常出现模块拖拽交换的功能，vue中实现拖拽有一些插件，下面比较常用的两种方式：vue-grid-layout这种方式通过栅格布局、
to Zero-·2020-08-16 18:31

vue 实现瀑布流布局的 组件/插件总汇：vue-waterfall、vue-waterfall-easy、vue-virtual-collection、vue-grid-layout

转自：http://www.fly63.com/article/detial/1134瀑布流作为当前比较流行的一种网页布局方式，在视觉上呈现出参差不齐、琳琅满目、唯美的视觉效果，该布局随着页面滚动，数据不断加载并附加至当前页面的尾部。这篇文章主要介绍关于vue框架中常使用的瀑布流组件，大家根据需求来进行选择。一、vue-waterfallwaterfall是一个vue.js瀑布流布局组件，基于vu
微风--轻许--·2020-08-10 01:08

浅谈Vue个性化dashBoard 布局

dashBoard布局在管理系统使用比较多；使用自己喜欢的方式进行自定义布局使用npm安装npminstallvue-grid-layout全局使用importvueGridLayoutfrom'vue-grid-layout
bloxed·2020-08-04 10:31

可视化拖拽的组件(tab)

vue-sortablehttps://github.com/xiongcaihu/vue-power-dragvue-grid-layouthttps://github.com/jbaysolutions/vue-grid-layout
千百元·2020-07-23 16:42

一个vue的可拖拽的瀑布流布局组件

介绍vue-grid-layout是一个功能强大的瀑布流布局组件。支持用户拖拽和对改变元素大小，并提供相应的事件进行自定义操作。而且布局可以存储和再展现。
AshleyLv777·2020-07-14 08:45

一个vue的可拖拽的瀑布流布局组件

vue-grid-layout是一个功能强大的瀑布流布局组件。支持用户拖拽和对改变元素大小，并提供相应的事件进行自定义操作。而且布局可以存储和再展现。
weixin_33744854·2020-07-13 17:15

浅谈Vue个性化dashBoard 布局

dashBoard布局在管理系统使用比较多；使用自己喜欢的方式进行自定义布局使用npm安装1npminstallvue-grid-layout全局使用1importvueGridLayoutfrom'vue-grid-layout
weixin_34199405·2020-07-12 09:07

vue-grid-layout组件的改装--暴露布局方法

vue-grid-layout是一个非常优秀的vue栅格拖动布局的组件,使用方法请参考官网属性GridLayout参数:layout类型：Array必需：true这是网格的初始布局。
风铭大师·2020-06-29 06:45

使用vue-grid-layout完成桌面拖拽布局功能

最近在用写公司项目里的一个桌面布局功能需要使用到vue-grid-layout看了下网上的基本上只有demo的使用，这个插件虽然挺不错但是缺陷也很大.没有下边界，发生碰撞的时候块会无限的往下移动https
weixin_34384557·2020-06-28 18:09

HTML5拖拽详解及vue-grid-layout插件使用

拖拽APIondragstart在拖动操作开始时执行脚本（开始拖动）被拖拽元素ondrag只要对象在被拖动就执行脚本（正在拖动）被拖拽元素ondragend在拖动操作结束时执行脚本（拖动结束）被拖拽元素ondragenter在被拖放元素进入放置目标时触发（进入）目标元素ondragover只要对象正在放置目标上拖动时就执行脚本（移动）目标元素ondragleave在被拖放元素离开目标元素时触发（离
sunmagine·2020-06-26 15:35

Vue-Grid-Layout分享一款好用的可拖拽组件

在使用Grafana的过程中，发现Grafana关于视图页面中每一个面板都可拖拽，可随意放大放小，体验非常棒，F12看了Grafana的代码，看打包后的代码很像react，进一步css，看到有gridlayout的字眼，然后尝试去搜了下有没有这方面的组件，一搜果然是有这样的组件的。首先看到的是react版本的组件，然后搜了下也有vue相关的。以前也见过jquery的可拖拽组件demo，但是整体上感
凉茶冰·2020-06-24 04:33

拖拽 ‘vue-grid-layout’ 插件了解下

拖拽‘vue-grid-layout’插件了解下我接触到vue-grid-layout是通过我们公司的项目，感觉还是比较简单上手的，大概看了有1个小时吧，我是个行动派，就是觉得实践出真知，但是记性也不太好
fx_small·2020-06-23 09:55

使用vue-grid-layout完成桌面拖拽布局功能(更改拖拽变换位置方式)

之前最原始的效果是当你移动一个box时即使你没松开鼠标每一个被你移动中碰撞到的box都会发生改变这可能不是我们想要的我们通过创建一个historyLayout拿来记录我们上一步的布局在watchitem()里比较如果不是当前操作的box使其的位置保持不变在moved()中调用一个调整位置的函数toChangePosition()使其可以达到两两调换的效果或者将其插入指定位置其他box会自动补位的效
weixin_34259232·2020-06-21 11:04

一个vue的可拖拽的瀑布流布局组件

vue-grid-layout是一个功能强大的瀑布流布局组件。支持用户拖拽和对改变元素大小，并提供相应的事件进行自定义操作。而且布局可以存储和再展现。
AshleyLv·2017-08-23 00:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他