javascript - 有没有办法将 Particlesbg 限制为仅组件,使其不覆盖整个 App.vue 背景
问题描述
如何将 Particles-bg 限制为仅一个组件,使其不覆盖整个 App.vue 背景,而是我希望动画所在的组件?我安装了这个库,并通过 main.js 将它全局导入到我的项目中。我通过 Main.vue 组件渲染它。问题是动画也流入了其他组件,我只希望它只保留在 Main.vue 之一中。
这是显示它是如何从 Main.vue 呈现的代码。
<template>
<div class="intro-container">
<particles-bg type="custom" :bg='true' :config='config' />
</div>
</template>
<script>
import { ParticlesBg } from "particles-bg-vue";
export default {
name: 'Main',
components:{
ParticlesBg
},
data(){
return{
config:{
num: [3, 20],
rps: 1,
life: [2, 2],
v: [5, 10],
tha: [-50, 40],
rotate: [0, 20],
alpha: [0.1, 0.2],
scale: [1, 1],
position: "center",
color: ["#808080", "#808080"],
cross: "dead",
g: 5,
random: 2,
force:[2, -1],
}
}
解决方案
推荐阅读
- c++ - 通过默认字符串初始化向量中的字符串的简化
- python - Python - Web Scraping 练习 - 属性错误
- kubespray - 我可以使用 kubespray 部署没有网络插件的 k8s 吗?
- c - 提示可能的变量值/范围的 C 编译器(GCC 或 Clang)
- c# - 如何在每个斜线后获取字符串?
- r - R Shiny中的动作按钮和selectInput:单击动作按钮后将selectInput的输入传递给函数
- flutter - Flutter:如何为 StatefulWidget 创建非最终属性?
- apache-kafka - NiFi写入HDFS错误:java.lang.IllegalArgumentException:无法从空字符串创建路径
- javascript - 本地存储中令牌时的 PrivateRouting [TypeScript]
- python - 无法使用 sklearn 库中的 fit_transform 估算一维数组(拆分测试)