在一个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 分钟前
React 组件渲染
前端·react.js
奔跑的蜗牛ing11 分钟前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
sjd_积跬步至千里13 分钟前
CSS实现文字横向无限滚动效果
前端
维他AD钙15 分钟前
前端基础避坑:3 个实用知识点的简单用法
前端
journs16 分钟前
micro-app微前端styled-components CSSOM模式 应用切换样式丢失问题
前端
呼啦啦小魔仙17 分钟前
elpis项目DSL设计分享
前端
李李记17 分钟前
别让 “断字” 毁了 Canvas 界面!splitByGrapheme 轻松搞定非拉丁文本换行
前端·canvas
来金德瑞18 分钟前
快速掌握 ProseMirror 的核心概念
前端
ygria22 分钟前
样式工程化:如何实现Design System
前端·前端框架·前端工程化
墨渊君2 小时前
“蒙”出花样!用 CSS Mask 实现丝滑视觉魔法
前端·css