1.安裝?vue-3d-loader
npm i vue-3d-loader@1.x.x -S?
注意vue2只能用1.幾的版本
npm i?vue-3d-loader會(huì)安裝最新版本會(huì)導(dǎo)致不顯示
2.main.js文件配置，此為全局注冊(cè)
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 文件必須放在
實(shí)現(xiàn)效果圖：
模型文件可在?GLTFS模型庫(kù)_數(shù)字孿生3D模型文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-431706.html
?免費(fèi)下載文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-431706.html
到了這里，關(guān)于vue2+vue-3d-loader 實(shí)現(xiàn)3D模型展示的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
