开始进入

1. npm下载
/* vue2 */:
npm i vue-3d-loader@1.x.x -S
/* vue3 */:
npm i vue-3d-loader@2.0.0 -S
2. 引入
/* vue2 */
import vue3dLoader from "vue-3d-loader";
Vue.use(vue3dLoader)

/* vue3 */
import vue3dLoader from "vue-3d-loader";
createApp(App).use(vue3dLoader).mount('#app')
可尝试组件内注册使用,我反正没生效
// vue2 
import { vue3dLoader } from "vue-3d-loader"; 
components: {
 vue3dLoader
},
3. 使用标签
// 注意 filePath 一定要以 / 开头
<vue3dLoader
  filePath="/src/view/demo/models/file.fbx"
  :width="400"
  :height="400"
></vue3dLoader>
事件 效果
mousedown 鼠标按下事件
mousemove 鼠标移动事件
mouseup 鼠标放开事件
click 点击事件
load 加载模型事件
process 加载进度事件
error 错误事件

vue-3d-loader官网地址

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐