如何使用 vue-konva 在屏幕上的对象上调用 hide()?

How can I call hide() on an object on the screen using vue-konva?

包含 v-xxx 项(例如 v-circle)的对象是什么?我想简单地在那个对象上调用 hide(),我想可能是 ref 起着关键作用,但那没有成功(得到这个。$refs.testCircle.show 不是一个函数)。

以下是我创建的 codesandbox 来说明这一点。

我应该阅读 https://github.com/konvajs/vue-konva

的核心 API 部分

$refs 是正确的,但必须在引用的节点之后调用 getNode()

所以在我的示例中,我需要调用

this.$refs.testCircle.getNode().show()