项目中使用到vue-grid-layout布局来实现拖拽组件,实现组件的自定义布局
使用中发现了一些问题,如果熙新增的话,新增的框不太明显,如果把每一个vue-grid-item设置样式的话,所有的组件块都会加上背景色,这样达不到设计的需求,违背了初衷;所以做了如下改进:
具体使用:
vue-grid-layout git 地址: 传送门
<grid-layout
:layout.sync="layout"
:col-num="colNum"
:row-height="30"
:is-draggable="true"
:is-resizable="true"
:vertical-compact="true"
:use-css-transforms="true"
>
<template>
<div v-for="(item, i) in layout" :key="i">
<div class="home" @contextmenu.prevent="showMenu(i)">
<grid-item
:x="item.x"
:y&#