Installation et utilisation de vue-canvas-nest

1. Installation

npm i vue-canvas-nest

//如果使用淘宝镜像的话
cnpm i vue-canvas-nest

//或者yarn

yarn add vue-canvas-nest

2. Utilisez

(Présentez la page et enregistrez les composants si nécessaire)

(1) Page 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) Page html:

<template>
   <div id="elecData_father">
     <vue-canvas-nest :config="config" :el="'#elecData_father'"></vue-canvas-nest>    
   </div>
</template>

Remarque: notez que el est lié à l'id du parent le plus externe