使用不来,可以说下 那段代码放到 vue 里面对应的地方嘛?
z***@gmail.com
- 发布：2023-03-30 13:44
- 更新：2023-03-31 18:15
- 阅读：233
#插件讨论# 【 Canvas礼花喷发特效confetti-ts-canvas - 青青草原副村长 】使用不来,可以说下 那段代码放到 vue 里面对应的地方嘛?
分类：uni-app
在vue文件里面，放在<script>标签内 ，export default {} 上方 ,然后在vue 实例里面使用它new出来的实例就可以了。
当然也可以直接当成一个普通的类使用，不过vue的响应式会让他变得稍微有些卡
<script>
import {
ConfettiEjector,
CanvasRender,
CustomShape
} from 'confetti-ts-canvas'
const canvasRender=new CanvasRender();
const canvasRender2=new CanvasRender();
export default {
data() {
return {
title: 'Hello',
displayCanvas:true,
canvasSize:{
width:0,
height:0,
}
//canvasRender:new CanvasRender(),危险！务必不要在此创建渲染器对象
}
},
mounted() {
this.initRenders();
},
methods: {
async initRenders(){。。。。。。
z***@gmail.com (作者)
谢谢村长
2023-04-01 00:34