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>
  • 相关阅读:
    细说java平台日志组件
    linux远程执行命令
    linux命令 common 文件比较
    Linux Shell脚本编程--cut命令
    linux sort命令
    shell中if判断一个变量为空
    linux shell if参数
    wc命令
    date 命令
    let 与 expr Shell运算比较 let强强胜出
  • 原文地址:https://www.cnblogs.com/qinlongqiang/p/15440054.html
Copyright © 2011-2022 走看看