1.安装 vue-3d-loader
npm i vue-3d-loader@1.x.x -S
注意vue2只能用1.几的版本
npm i vue-3d-loader会安装最新版本会导致不显示
2.main.js文件配置，此为全局注册
import vue3dLoader from "vue-3d-loader";
Vue.use(vue3dLoader)
3.具体使用
<template>
<vue3dLoader
backgroundColor="rgb(216,217,219)"
:height="600"
:width="600"
filePath="./models/yb/03.gltf"
/>
</template>
//注意filePath 文件必须放在
实现效果图：
模型文件可在 GLTFS模型库_数字孪生3D模型文章来源：https://www.toymoban.com/news/detail-431706.html
免费下载文章来源地址https://www.toymoban.com/news/detail-431706.html
到了这里，关于vue2+vue-3d-loader 实现3D模型展示的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
