在一个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};
}
相关推荐
墨客希几秒前
如何快速掌握大型Vue项目
前端·javascript·vue.js
大福ya15 分钟前
AI开源项目改造NextChat(ChatGPT-Next-Web)实现前端SSR改造打造一个初始框架
前端·chatgpt·前端框架·开源·aigc·reactjs·ai编程
samroom17 分钟前
langchain+ollama+Next.js实现AI对话聊天框
javascript·人工智能·langchain
n***333527 分钟前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
纯粹的热爱1 小时前
🌐 阿里云 Linux 服务器 Let's Encrypt 免费 SSL 证书完整部署指南
前端
北辰alk1 小时前
Vue3 自定义指令深度解析:从基础到高级应用的完整指南
前端·vue.js
AAA阿giao1 小时前
使用 Vite + Vue 3 搭建项目并配置路由的全流程(含国内镜像加速)
vue.js·node.js·vite
小熊哥7221 小时前
谈谈最进学习(低延迟)直播项目的坎坷与收获
前端
用户89225411829011 小时前
游戏框架文档
前端
Holin_浩霖1 小时前
mini-react 实现function 组件
前端