加载模型是因为必须在最近的项目模块中加载“模型”的一部分。 在加载模型方面我从来没有碰过，是同事教我，慢慢摸索完成的。 其中有我遇到的问题和总结的方法。
如何使用VUE加载3D模型divclass=' quality-conter-comter ' /下一个需要加载模型的部分divclass=' quality-body-3d ' id=' model ntsj-meeting/tujian 01.MTL '/model-obj/div/divscriptsrc=' vue.js '/script scriptscriptnewvue ({ El 333333 ) 数据源：数据库中没有。 直接导入文件。 想法：使用jquery控制模型的显示和隐藏。 效果：平稳自行车点击一次，显示模型。 但是，平稳的自行车会依次从第一个按钮开始单击多个按钮，下次单击第一个按钮时不会显示模型。 原因： Canvas无法加载。 我想了两个解决方法：
第一，使用jquery的attr动态添加相应的src和mtl文件。 缺陷：“模型加载过多时”代码重复太多。 第二个是强森。 将数据放入相应的json文件中。 jon数据结构[{'id':'A-1 '，' src ' : ' ./ntsj-meeting/tujian 01.obj '，' MTL ' : ' ./ntsj-meteting ' MTL ' : ' ./ntsj-meeting/tujian 02.MTL '， { ' id ' 3330 } ' MTL ' : ' ./ntsj-meeting/tujian 03.MTL ' } html代码divclass=' quality-item ' divclass=' quarian divdivclass=' quality-shuxing-items shuxing1' a-2/divdivclass=' quality-shuxing-items shuxing1' a-3/divdivdivivclass $.Ajax ({ URL : ' ./js/views/model 3d.JSON '，//json文件的位置type: 'GET '，/请求方式为get dataType: 'json ' } )通过单击事件获取相应的值以实现模型显示$((.shuxing1) ).on )、function ) ) varinnertext=$(this ).text ).trim ) for(varI=0； imodels.length； I ) if(models[I].id==innertext ) ) var $ model=$ (model html )； $model.attr(src )、models[i].src ).attr )、models[i].mtl )； $('.quality-body-3d1' ).html($model )； 布雷克； }$ ().quality-body-3d1) ).CSS )、) block )； varss=document.getelementbyid (xianshi 02 )； San数据(ss； //vue中的实例封装为一个函数}； 效果图表