Vue.js 3组合API在显示组件时触发一个事件



我在我的应用程序中有一些组件,我通过按钮,通过变量显示/隐藏,像v-show="variable"按钮只是设置这些变量为真或假,我把这些组件当作网页来处理,就像你在不同的页面上浏览一个网站一样。我正在寻找的是一种方法来调用一个函数,只有当一个组件显示在页面上。比如,我必须随机选择2名玩家开始一场比赛,当游戏的棋盘出现时,只有当玩家是2名时,才会出现消息或警告等,重要的是事件发生在那个实例中,而不是之前。我的想法是有一个像

这样的函数
function something() { alert("hello"); }

在组件的script部分中,然后想办法说

when the component gets shown -> if (player == 2) { something(); }

我所缺乏的是如何确定和处理"当组件被显示"部分。在我看来,最合乎逻辑的使用它是onMounted, onrender(我读到的只在开发中工作)和onActivated,但它们似乎不能正常工作/根本。

我找到了一个方法。问题是:它在onMountedv-if结合时有效。我现在检查代码,看看我是否可以使用v-if而不是v-show,我记得我故意选择使用v-show来处理我的组件,但也许在这种情况下,它不会伤害做出改变。

相关内容

  • 没有找到相关文章

最新更新