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

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

<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

export function JScallbackProc(paramXml) {

  console.log('单独的方法JScallbackProc:', paramXml)
  return paramXml;
}