【前端】将vue的方法挂载到window上供全局使用,也方便跟原生js做交互

【前端】将vue的方法挂载到window上供全局使用,也方便跟原生js做交互

javascript 复制代码
<template>
  <div>
    <el-button @click="start">调用方法</el-button>
  </div>
</template>
<script>
// import { JScallbackProc } from './JScallbackProc'
// window.JScallbackProc = JScallbackProc

export default {
  mounted(){
    //将vue的方法挂载到window上
    window.JScallbackProc = (paramXml)=>{
      this.JScallbackProc(paramXml)
    }
  },
  components:{
  },
  data() {
    return {
    };
  },
  methods: {
    JScallbackProc(paramXml){
      console.log('paramXml:', paramXml)
    },
    start(){
      window.JScallbackProc('test')
    }
  }
};
</script>
复制代码
JScallbackProc.js
javascript 复制代码
export function JScallbackProc(paramXml) {

  console.log('单独的方法JScallbackProc:', paramXml)
  return paramXml;
}
相关推荐
Mintopia2 分钟前
🎯 光与面的命运交锋:Möller-Trumbore 线段三角形相交算法全解析
前端·javascript·计算机图形学
Ares-Wang9 分钟前
Vue》》@ 用法
前端·javascript·vue.js
心.c42 分钟前
JavaScript单线程实现异步
开发语言·前端·javascript·ecmascript
爱分享的程序员1 小时前
前端面试专栏-前沿技术:31.Serverless与云原生开发
前端·javascript·面试
开开心心_Every2 小时前
多线程语音识别工具
javascript·人工智能·ocr·excel·语音识别·symfony
AndyLaw2 小时前
统计字符数错一半,我被 length 坑了两次
前端·javascript
张志鹏PHP全栈2 小时前
Vue3第五天,ref 和 reactive的介绍和区别
前端·vue.js
江城开朗的豌豆3 小时前
Vue/React凭什么吊打传统前端?6年老司机带你揭秘它们的性能杀招!
前端·javascript·vue.js
江城开朗的豌豆3 小时前
虚拟DOM:为什么React/Vue比直接操作DOM快10倍?
前端·javascript·vue.js
mrsk3 小时前
JavaScript中的大数相加是怎么突破数字的极限的?
前端·javascript·面试