在js文件中编写功能函数时,常常要调用vue文件内的方法并传值,下面记录js传值的方法:
首先在vue页面的
mounted
模块将要调用的方法注册到window对象上,并引入对应的js文件后:1
2
3
4
5
6
7
8
9mounted(){
window.exampleFunction=this.exampleFunction
},
method:{
exampleFunction(data){
console.log('收到方法调用')
console.log(data,'data')
}
}然后在该js文件里直接通过window调用vue的方法
1
2
3
4export function exampleJsFunction(){
let data='textData'
window.exampleFunction(data)
}完成上述步骤即可实现在js文件内调用vue内的方法并传值的操作,比在Vue中调用不同组件的方法简单。