vue-3d-loader vue实现3d模型展示（vue2）

牧羊人_sj

已于 2023-05-15 09:52:11 修改

阅读量1.9k

点赞数 2

文章标签： vue.js 前端 3d

于 2023-04-13 15:13:40 首次发布

本文链接：https://blog.csdn.net/qq_59347596/article/details/130130724

版权

官方文档:快速上手 | Vue 3d loader (king2088.github.io)（注意：看清版本vue3跟2 使用版本不同）

1.下载

npm i vue3dLoader@1.2.12

2.引入

1.全局引入

import vue3dLoader from "vue-3d-loader";
Vue.use(vue3dLoader)

2.按需引入

import { vue3dLoader } from "vue-3d-loader";

3.页面展示

 <vue3dLoader
        :showFps="item.showFps"
        :filePath="item.filePath"
        :mtlPath="item.mtlPath"
        :textureImage="item.textureImage"
        :backgroundColor="item.backgroundColor"
        :outputEncoding="item.outputEncoding"
        :cameraPosition="item.cameraPosition"
        @mousemove="open"
      />