在一个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};
}
相关推荐
lyyl啊辉4 分钟前
2. Vue数据双向绑定
前端·vue.js
Never_Satisfied16 分钟前
在JavaScript / HTML中,在html的元素中寻找第X个某元素
开发语言·javascript·html
CappuccinoRose1 小时前
CSS 语法学习文档(十七)
前端·css·学习·布局·houdini·瀑布流布局·csspaintingapi
keyborad pianist1 小时前
Web开发 Day1
开发语言·前端·css·vue.js·前端框架
Never_Satisfied1 小时前
在HTML & CSS中,可能导致父元素无法根据子元素的尺寸自动调整大小的情况
前端·css·html
We་ct1 小时前
LeetCode 101. 对称二叉树:两种解法(递归+迭代)详解
前端·算法·leetcode·链表·typescript
lyyl啊辉1 小时前
6. Vue开源三方UI组件库
vue.js
码云数智-大飞1 小时前
微前端架构落地实战:qiankun vs Module Federation 2026 深度对比与选型指南
前端·架构
IT枫斗者1 小时前
MyBatis批量插入性能优化:从5分钟到3秒的工程化实践
前端·vue.js·mysql·mongodb·性能优化·mybatis