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

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

2. <template>
3.   <div>
4.     <el-button @click="start">调用方法</el-button>
5.   </div>
6. </template>
7. <script>
8. // import { JScallbackProc } from './JScallbackProc'
9. // window.JScallbackProc = JScallbackProc
11. export default {
12.   mounted(){
13.     //将vue的方法挂载到window上
14.     window.JScallbackProc = (paramXml)=>{
15.       this.JScallbackProc(paramXml)
16.     }
17.   },
18.   components:{
19.   },
20.   data() {
21.     return {
22.     };
23.   },
24.   methods: {
25.     JScallbackProc(paramXml){
26.       console.log('paramXml:', paramXml)
27.     },
28.     start(){
29.       window.JScallbackProc('test')
30.     }
31.   }
32. };
33. </script>

复制代码

2. JScallbackProc.js

复制代码

2. export function JScallbackProc(paramXml) {
4.   console.log('单独的方法JScallbackProc:', paramXml)
5.   return paramXml;
6. }

复制代码