在一个vue页面等所有内容全部加载完(onMounted只是页面加载完)import 一个方法

vue 需要在3d模型引入一个js插件或者必须所有的加载完引入一个js

场景就是 引入一个自己封装的方法,直接引入会报错,需要等页面加载完成后(包括3d模型加载完),监听,再引入调用才不会报错

复制代码
watch(
() => value1.value,
async () =>  {
    const {run,clearIntervalFunction} = await loadRunMethod();
    if(value1.value){
        run()
        return
    }else{
        clearIntervalFunction()
    }
},{
    deep:true
})

async function loadRunMethod() {
  const { run, clearIntervalFunction} = await import('@/utils/patting');
  return  {run ,clearIntervalFunction};
}
相关推荐
h***34634 分钟前
MS SQL Server 实战 排查多列之间的值是否重复
android·前端·后端
本地跑没问题6 分钟前
Rect深入学习
前端
北辰alk6 分钟前
跨域难题终结者:Vue项目中优雅解决跨域问题的完整指南
前端
吹水一流7 分钟前
为什么 SVG 能在现代前端中胜出?
前端
小皮虾7 分钟前
拒绝卡顿!小程序图片本地“极速”旋转与格式转换,离屏 Canvas 性能调优实战
前端·javascript·微信小程序
小熊哥7227 分钟前
一个有趣的CSS题目
前端
小时前端8 分钟前
性能优化:从“用户想走”到“愿意留下”的1.8秒
前端·面试
汤姆Tom8 分钟前
前端转战后端:JavaScript 与 Java 对照学习指南 (第一篇 - 深度进阶版)
java·javascript
瓶子in8 分钟前
JavaScript数组去重的多种实现方式
javascript
进阶的鱼9 分钟前
关于微前端框架wujie的一次企业级应用实践demo?
前端·vue.js·react.js