在 VUE中,动态加载JS文件

article/2025/10/14 2:56:33

需求

  • 在vue组件中需要调用的函数方法名是相同的(接口相同),但是按照页面不同需要导入不同JS文件 。如下:

在这里插入图片描述

然而上面这种写法肯定是行不通的,但表达的需求很明确。根据menuId的不同从JS文件中获取方法

解决方案

  1. promise方式:
		const menuId = store.getters.getMenuId;let circuitInit =menuId > 2? import("../assets/js/loadCircuit"): import("../assets/js/initCircuit");// 调用circuitInit.then(fn => {let { saveFile, loadList, deleteList, loadFile } = fn;saveFile();});
  1. async await 方式
	 async created() {const menuId = store.getters.getMenuId;this.circuitFn =menuId > 2? await import("../assets/js/initCircuit"): await import("../assets/js/loadCircuit");},// 调用const { saveFile, loadList, deleteList, loadFile } = this.circuitFn;saveFile();

最终实现需求,虽然接口相同,但却是来自不同JS文件中的方法


http://chatgpt.dhexx.cn/article/IiKrgqwq.shtml

相关文章

原生js实现动态加载js文件?

一、写在前面 今天拼多多笔试题&#xff0c;题目如下&#xff1a; 实现一个动态加载函数function loadScript(src, attrs)返回Promise, 其中 src是脚本地址&#xff0c;attrs是脚本属性。二、具体实现 <script>function loadScript(src, attrs) {return new Promise((r…

JavaScript网页实例:在网页里动态加载JavaScript

把一些逻辑独立的JavaScript脚本文件单独加载&#xff0c;是一种常见的JavaScript动态加载技术。这样做的好处有很多&#xff0c;比如可以减少不必要的JavaScript脚本文件的加载&#xff0c;以提高网页浏览速度。 补充代码&#xff0c;要求用户在网页中点击【动态加载】按钮后…

html动态加载js方法,动态引入js四种方法总结

这次给大家带来动态引入js四种方法总结,动态引入js四种方法的注意事项有哪些,下面就是实战案例,一起来看一下。 index.html test.jsalert("hello! I am test.js"); var str="1"; dynamic.js//第一种方式:直接document.write 但这样会把当前的页面全覆写…

动态加载js文件

1、使用场景 例如本人当前需求——给当前的管理系统的bootstarpTable的提示语修改各个国家的语言&#xff08;语言提示根据当前管理系统的语言环境&#xff09;。 也就是根据如图所示的语言&#xff0c;来变换bootstarptable的提示语&#xff0c; 类似这种提示语。 看看是怎么做…

js中动态加载js

下面介绍一种JS代码优化的一个小技巧&#xff0c;通过动态加载引入js外部文件来提高网页加载速度 【基本优化】 将所有需要的<script>标签都放在</body>之前&#xff0c;确保脚本执行之前完成页面渲染而不会造成页面堵塞问题&#xff0c;这个大家都懂的。 【合…

统计学 假设检验 P值

统计学 假设检验 P值 什么是P值 案例分析 来自总体方差检测的题目 p值的计算 P值

统计假设检验中的P值及置信区间理解

置信区间&#xff0c;就是一种区间估计。 例如&#xff0c;使用95%假设区间估计&#xff0c; 正式的期望无法获取&#xff0c;可用期望的均值替代 显著性P-value 假设&#xff1a;说你的硬币是公平的 检验假设&#xff1a;扔十次&#xff0c;看实验的结果是不是和假设相符 …

统计|假设检验中的P值(pvalue)如何看/怎样理解

本博文源于《商务统计》&#xff0c;之前在做matlab编程和spss统计分析中&#xff0c;对p值的理解就是懵懵懂懂&#xff0c;无法确定出真正含义。今天就以新生儿的例子来观看p值是如何看的&#xff0c;并且了解假设检验的5个步骤。 例子&#xff1a;新生儿 假设检验的一般步骤…

假设检验:使用p值来接受或拒绝你的假设

作者|GUEST 编译|VK 来源|Analytics Vidhya 介绍 检验是统计学中最基本的概念之一。不仅在数据科学中,假设检验在各个领域都很重要。想知道怎么做?让我们举个例子。现在有一个lifebuoy沐浴露。 沐浴露厂商声称,它杀死99.9%的细菌。他们怎么能这么说呢?必须有一种测试技术…

假设检验中的显著性水平与p值

假设检验的原理 假设检验是根据样本信息&#xff0c;提出对于总体信息的假设&#xff0c;并且对假设的正确性进行推断。 判断原假设的方法 推断的依据是假设成立发生的概率&#xff0c;并且设置显著性水平 α \alpha α (取值一般为0.01&#xff0c;0.05&#xff0c;0.1)。…

统计学假设检验中 p 值的含义具体是什么?

一、作者&#xff1a;李可乐 链接&#xff1a;https://www.zhihu.com/question/23149768/answer/23745483 来源&#xff1a;知乎 著作权归作者所有。商业转载请联系作者获得授权&#xff0c;非商业转载请注明出处。 就从打赌开始说起。 一日闲机无聊&#xff0c;我与楼主会饮于…

统计推断——假设检验中 p 值的含义具体是什么?

「假设检验」&#xff0c;顾名思义&#xff0c;就是通过概率统计的知识来判断一个命题&#xff08;如「抛掷一枚硬币出现正反面的概率是均匀的」&#xff0c;如「值大于0.75」&#xff09;的真伪性。 这个命题便称作「零假设&#xff0c;null hypothesis」&#xff0c;我们通常…

统计——假设检验与p值

假设检验&#xff0c;是基于给定的样本对假设做出判定&#xff0c;分为参数假设检验&#xff08;假设可以用一个参数的集合表示&#xff09;和非参数假设检验&#xff08;比如&#xff1a;假设总体服从某种分布&#xff09;。 假设检验的步骤&#xff1a; 1、建立假设&#xff…

STM32———高级定时器的死区时间计算方法

STM32———高级定时器的死区时间计算方法 1.定时器的时钟分频因子和预分频系数的区别&#xff1a; 1.1 时钟分频因子(Clock division),决定定时器的工作时钟频率. tDTSfDTS ; tCK_INTfCK_INT 1.2 预分频系数决定计数器的工作时钟的&#xff0c;配合自动重装载值Period完成…

暂时性死区以及函数作用域

暂时性死区 暂时性死区也就是变量声明到声明完成的区块&#xff0c;这个区块是一个封闭的作用域&#xff0c;直到声明完成。 如果在变量声明之前使用该变量&#xff0c;那么该变量是不可用的&#xff0c;也就被称为暂时性死区。 var 没有暂时性死区&#xff0c;因为var存在变…

STM32-互补输出带死区和刹车断路笔记

互补输出带死区控制 比如说&#xff0c;高级控制定时器&#xff08;TIM1 和 TIM8&#xff09;可以输出两路互补信号&#xff0c;并管理输出的关断与接通瞬间。这段时间通常称为死区&#xff0c;由于硬件设备的延迟和一些设备转换的用时&#xff0c;这时候进行操作可能会导致比…

es6中的暂存性死区

暂存性死区 暂存性死区是相对于某一个变量来说的&#xff0c;就是在定义该变量之前的区域就是暂存性死区 const i 1{//死区开始console.log(i) //死区里边拿不到外边的i&#xff0c;也拿不到本代码块内的i//死区结束const i 2 console.log(i) //直到这里才能正常使用 i }来看…

STM32实战-高级定时器带死区的互补PWM输出

前言&#xff1a; 平时我们设计点击驱动电路时&#xff0c;一般会采用npn和pnp三极管&#xff0c;来控制电机的导通和关闭&#xff0c;但是三级管内部自带电容&#xff0c;断电后不会立马断掉&#xff0c;会经过很小的一段时间才会放电完毕&#xff0c;这时候要留有死区给电容…

暂时性死区(TDZ)

常见js面试题之一&#xff1a; 提示&#xff1a;又是一道常见的前端面试题&#xff0c;什么是暂时性死区&#xff1f; 问题描述&#xff1a; console.log(a);var a 1; 日志输出&#xff1a;undefined console.log(a);let a 1; 下面我们可以看到这里的日志输出出现了报错&am…