在外部js文件中直接调用vue文件中自定义的方法
【代码】在外部js文件中直接调用vue文件中自定义的方法。
·
1. 在vue文件引入API
import {getCurrentInstance, onMounted} from 'vue'
onMounted()用于挂载数据,getCurrentInstance()用于获取实例后再使用。
2. 定义setup()方法
setup(props,ctx) {
//将vue中方法设为window方法,外部js可直接调用
onMounted(() => {
window.layerAdd = instance.proxy.layerAdd
})
const instance = getCurrentInstance()
},
setup函数是处于生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数。通过如上代码,可将vue中自定义的方法设置为window方法,外部Js可直接调用
3. 在外部js调用
更多推荐
已为社区贡献1条内容
所有评论(0)