当前位置: 首页 > news >正文

Vue引入CDN JS或本地JS文件之后 使用报错

加载问题

正常情况 在public引入script - js文件加载 - 写入内存 - 使用

但使用之前 有可能这个文件还没执行写入内存或者还未加载完毕

此时 需要一个promiss解决

1. 引入script

在 public / index.html 文件内引入你的script标签

<script type="text/javascript" src="本地路径/网络路径">

2.加载(重点)

创建一个js文件  写入以下代码 

script加载后 所使用的方法会挂载到window顶级对象下 代码中的xxx 指的是你script的函数  替换即可

export default {init() {return new Promise((resolve, reject) => {if (window.xxx) {resolve(window.xxx)reject('error')}})},
}

3.使用(重点)

// 引入
import funInit from '@/utils/funInit'// 在使用的地方写入
funInit.init().then((xxx) => {console.log("你的逻辑代码")}).catch(() => {console.log("script加载失败")})

http://www.lryc.cn/news/96818.html

相关文章:

  • NRF52832-扩展广播
  • springboot项目新增子module
  • Python Web 开发及 Django 总结
  • 《向量数据库指南》:向量数据库Pinecone故障排除
  • [86] 分割链表
  • 【python】 清空socket缓冲区
  • 108、RocketMQ的底层实现原理(不需要长篇大论)
  • 怎么把PDF转为word?1分钟解决难题
  • Mysql权限-系统表user,db,talbes_priv,columns_priv详解
  • GPT-4 模型详细教程
  • 智慧环保:创造绿色未来
  • 虚拟 DOM和render()函数和Vue.js模板语法
  • k8s Service网络详解(一)
  • 抖音账号矩阵系统开发源码
  • Python+Texturepacker自动化处理图片
  • K8s Service网络详解(二)
  • Rust vs Go:常用语法对比
  • Vlan端口隔离(第二十四课)
  • js实现框选截屏功能
  • Manjaro Linux 连接公司的 VPN 网络
  • Ama no Jaku
  • 视频基础知识
  • 安全渗透初级知识总结
  • rocketmq客户端本地日志文件过大调整配置(导致pod缓存cache过高)
  • Unity进阶-ui框架学习笔记
  • Django实现接口自动化平台(十四)测试用例模块Testcases序列化器及视图【持续更新中】
  • 如何高效实现文件传输:小文件采用零拷贝、大文件采用异步io+直接io
  • Docker运行MySQL5.7
  • -jar和 javaagent命令冲突吗?
  • LLC和MAC子层的应用