vue引入外部功能js代码

vue引入外部功能js代码

外部功能js代码实现公共功能代码,可能被多处引用

 

外部js文件_1

复制代码
 1 // 前端页面常用计算函数
 2 export default {
 3   // 获得给定数组一个属性和值,出错返回 undefined
 4   getElementuiSelectindex: function (inarray, key, value) {
 5     let indexback
 6     if (inarray.length === 0) return indexback
 7     for (let index = 0; index < inarray.length; index++) {
 8       const element = inarray[index]
 9       if (element[key] === value) {
10         indexback = index
11         break
12       }
13     }
14     return indexback
15   }
16 }
复制代码

 

外部js文件_2 独立vue实例用于事件管理

1 // 本文件是整个前端自定义事件管理机制
2 import Vue from 'vue'
3 const gcustEvtVm = new Vue() // 新建一个vue管理所有自定义事件
4 export default {
5   custEvtVm: gcustEvtVm
6 } 

 

vue导入外部js文件并调用里面的成员和函数

1 <script> 
2 
3 import customEvent from "../class/customEvent"; 
4 
5 customEvent.custEvtVm.$emit("AREAS-ALL", pagethis.apidata.areas); // 发出事件 
6 
7 <script>

 

posted on   覃隆强  阅读(459)  评论(0编辑  收藏  举报

编辑推荐:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体
历史上的今天:
2020-10-22 微信小程序 获取cookie 以及设置 cookie
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示