0
点赞
收藏
分享

微信扫一扫

vue-canvas-nest的安装和使用


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

举报

相关推荐

0 条评论