Vue 怎样在自定义的全局方法中调用组件或者或者子组件的方法?
父组件定义了子组件的ref属性和一些方法, 子组件中也定义了一些方法,在全局方法中定义了一个处理enter按键的方法,获取了子组件 ref的值,变量为refName。需要执行的方法名,变量为funName。但是不知道该怎么操作才可以在全局方法中调用到子组件中的方法 ,或者调用父组件的method1 ?
<!-- 父组件 -->
<div>
<HomeRecommend ref="rec1" :list="recommed1"></HomeRecommend>
</div>
········
methods: {
// 方法1
method1 (){
},
}
<!-- 自定义的方法,在main.js中引入 -->
// 按键响应
doEnter(){
var that = EPG;
var refName = that.currentBtn.action.refName; // 子组件的ref
var funName = that.currentBtn.action.funName; // 需要执行的方法名
var params = that.currentBtn.action.params; // 方法参数
//this.$refs[refName][funName](params); 错误写法。this指向了自定义方法的js中对象。
console.log("接收ENTER按键");
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
mixins
全局混入,为了更好的封装和代码可读性建议,这样