vue 使用three.js加载3D模型问题，切换组件，模型会重叠

Question

问题描述

vue 使用three.js加载3D模型问题：有一个model公共组件是用来加载模型的，当A组件未加载完模型时，我点击切换路由到B组件，此时A组件的模型会出现在B组件，但是模型父盒子只有一个canvas标签，且在model公共组件中，设置了beforeDestroy生命周期，清楚scene的children，但是还是有问题，求大神帮忙

问题出现的环境背景及自己尝试过哪些方法

相关代码

粘贴代码文本（请勿用截图）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

在切换到B组件的时候，判断scence。children下是否存在A组件下的模型，存在的话，清除否则不做任何操作。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。