在一个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};
}
相关推荐
酉鬼女又兒8 分钟前
零基础入门前端 第十三届蓝桥杯省赛 :水果拼盘 Flex一篇过(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·css3
wefly201710 分钟前
m3u8live.cn:免安装 HLS 在线播放器,流媒体调试效率神器
开发语言·javascript·python·django·ecmascript·hls.js 原理·m3u8 解析
J_liaty10 分钟前
JavaScript 基础知识全解析:从入门到精通
开发语言·javascript
weixin1997010801612 分钟前
《苏宁商品详情页前端性能优化实战》
前端·性能优化
天若有情67312 分钟前
前端HTML精讲02:表单高阶用法+原生校验,告别冗余JS,提升开发效率
前端·javascript·html
蜡台12 分钟前
Vue 组件通信的 12 种解决方案
前端·javascript·vue.js·props
吴声子夜歌16 分钟前
TypeScript——局部类型、联合类型、交叉类型
javascript·git·typescript
问道飞鱼18 分钟前
【前端知识】React Flow : 一个基于 React 的可视化节点编辑器框架
前端·ai工作流·react flow
qq_4061761421 分钟前
从零到一掌握 React 核心语法与规则:前端开发者必备指南
前端·react.js·前端框架