#下载安装
npm install vue-3d-model --save
默认是1.4.1版本。如果报错请升级版本:
npm install vue-3d-model@2.0.0-alpha.4
#官方文档
https://vue-3d-model.netlify.app/zh/guide/installation/
#准备资源
创建assets/model文件夹,把obj、json、stl、dae等3d图资源放到该文件夹
下文有下载地址
#基础使用
<template>
<div>
<model-collada
:rotation="rotation"
@load="onLoad"
src="/src/assets/model/collada/elf/elf.dae"
/>
</div>
</template>
<script lang="ts" setup>
import { ModelCollada } from "vue-3d-model";
import { reactive } from "vue";
const rotation = reactive({ x: -Math.PI / 2, y: 0, z: 0 });
const onLoad = () => {
rotate();
};
const rotate = () => {
requestAnimationFrame(rotate);
rotation.z += 0.01;
};
</script>
#效果
#资源下载链接
https://download.csdn.net/download/qq_36784628/87500211