2022-10-10 wepy $invoke 转 uniapp

以前的wepy小程序项目的代码要转换成uniapp+vue项目,其中wepy的$invoke(一个可以在一个页面调用另一个页面组件的方法),放在vue中该如何实现?

解决方案:

例:

this.$invoke("Search", "getValue");

你在页面A调用了页面B的组件Search中getValue方法,在vue中,应该转成:

this.$refs.Search.getValue();

是的,给页面A的组件用ref绑定一个id,再使用$refs来获取这个id里面的属性或者方法。

注:请在mounted写这行代码或者设置定时器来触发,之所以这样是因为在onLoad的时候vue的实例没有全部加载完成,这就会导致$refs没有获取到值。

2023-01-12 this.$invoke的用法

$invoke:一个页面或组件对另一个组件中的方法的直接调用,通过传入组件路径找到相应的组件,然后再调用其方法。

this.$invoke("组件路径","方法","传值")

posted @ 2022-10-10 17:30  叶乘风  阅读(56)  评论(0编辑  收藏  举报