1.安装
npm i vue-canvas-nest
//如果使用淘宝镜像的话
cnpm i vue-canvas-nest
//或者yarn
yarn add vue-canvas-nest
2.使用
(按需引入到页面并注册组件)
(1)页面js:
import vueCanvasNest from "vue-canvas-nest";
export default {
data() {
return {
//配置属性
config: {
color: "255, 255, 255",
opacity: 1,
zIndex: 5,
count: 99,
},//配置炫酷效果
}
},
components: {
vueCanvasNest
},
methods: {}
}
(2)页面html:
<template>
<div id="elecData_father">
<vue-canvas-nest :config="config" :el="'#elecData_father'"></vue-canvas-nest>
</div>
</template>
说明:注意el绑定的是最外层父级的id