zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    array_merge
    漏斗模型
    3 破解密码,xshell连接
    2-安装linux7
    1-Linux运维人员要求
    17-[模块]-time&datetime
    16-[模块]-导入方式
    Nginx服务器
    15-作业:员工信息表查询
    14-本章总结
  • 原文地址:https://www.cnblogs.com/qinlongqiang/p/15440054.html
Copyright © 2011-2022 走看看