vue2+vue-3d-loader 实现3D模型展示

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模型

 免费下载