从组件外部调用Vue.js组件方法

从组件外部调用Vue.js组件方法,第1张

组件外部调用Vue.js组件方法

最后,我选择使用Vue的

ref
指令。这允许从父级引用组件以进行直接访问。

例如

在我的父实例上注册了组件:

var vm = new Vue({    el: '#app',    components: { 'my-component': myComponent }});

使用引用渲染模板/ html中的组件:

<my-component ref="foo"></my-component>

现在,在其他地方我可以从外部访问该组件

<script>vm.$refs.foo.doSomething(); //assuming my component has a doSomething() method</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5037493.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-15
下一篇 2022-11-15

发表评论

登录后才能评论

评论列表(0条)

保存