如何使用 Vue.js 调用外部函数？直接调用函数：通过 window 对象直接调用外部函数。使用 scoped 插槽：将外部函数传递给子组件。使用 $refs：从父组件访问子组件的外部函数。
如何使用 Vue.js 调用外部函数
直接调用函数
要直接调用外部函数，可以使用 window 对象：
// vue组件实例export default { methods: { callExternalFunction() { window.externalFunction(); }, },};
登录后复制
使用 scoped 插槽
立即学习“前端免费学习笔记（深入）”；
如果你需要将外部函数传递给子组件，可以使用 scoped 插槽：
// 父组件export default { template: ` `, methods: { callExternalFunction() { // 调用外部函数的逻辑 }, },};// 子组件export default { template: ` `, props: ['callExternalFunction'], methods: { callExternalFunction() { this.$props.callExternalFunction(); }, },};
登录后复制
使用 $refs
如果你需要从父组件访问子组件的外部函数，可以使用 $refs：
// 父组件export default { template: ` `, methods: { callExternalFunctionFromChild() { this.$refs.child.callExternalFunction(); }, },};// 子组件export default { template: ` `, methods: { callExternalFunction() { // 调用外部函数的逻辑 }, },};
登录后复制
以上就是vue怎么调用外部函数的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3007541.html
