我在我工作的项目上使用Vue和JQuery . 我知道这不是最好的匹配，但我没有任何其他选择（No Vue库可以满足我的需要） . 无论如何，我正在尝试创建一个具有点击节点事件监听器的组织结构图 . 我创建了以下方法：

clickNode: function($node, data) {
    $node.on('click', function() {
        this.node = data;
        $(".showsubtree").show();
    });
}

单击节点时应该打开一个模态 . 当我单击该节点时，它只是向控制台输出以下消息：

jQuery.fn.init [prevObject: jQuery.fn.init(1)]

如果库是用Vue编写的，那么方法应该是这样的：

clickNode: function(node, data) {
    node.addEventListener('click',() => {
        this.node = data;
        this.$refs.showsubtree.show();
    })
},

在模板部分，我使用：

<showsubtree ref="showsubtree" :ps-data="node" :closed="closeModal"></showsubtree>

请注意，我在第一段代码中将 ref 更改为 class ，以便 $.(".showsubtree") 可以正常工作 . 我认为问题隐藏在 $ref 的使用中，因为它可以工作，但是当我切换到JQuery库时，它不起作用 . 如果 $ref 确实是解决这个问题的关键，我应该在JQuery中使用哪个关键字来替换 $ref ？如果没有，有什么可以帮助解决这个问题？主要目标是在树上单击特定节点时弹出模态 .

javascript jquery vuejs2