唐抉的个人博客

js文件调用vue内的方法并传值

字数统计: 171阅读时长: 1 min
2023/11/02

在js文件中编写功能函数时,常常要调用vue文件内的方法并传值,下面记录js传值的方法:

  • 首先在vue页面的mounted模块将要调用的方法注册到window对象上,并引入对应的js文件后:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    mounted(){
    window.exampleFunction=this.exampleFunction
    },
    method:{
    exampleFunction(data){
    console.log('收到方法调用')
    console.log(data,'data')
    }
    }

  • 然后在该js文件里直接通过window调用vue的方法

    1
    2
    3
    4
    export function exampleJsFunction(){
    let data='textData'
    window.exampleFunction(data)
    }

  • 完成上述步骤即可实现在js文件内调用vue内的方法并传值的操作,比在Vue中调用不同组件的方法简单。

CATALOG