Vuejs 2-事件无法与多个参考元素一起正常使用

Question

我有一个锚标记，单击后会触发open_drawer事件并向其传递参数。我的抽屉有两个标签，我想触发每个标签锚点的点击，以便正确打开标签。

在抽屉打开事件中：

        open_drawer: function(show) {

            console.log('open drawer', show)

            if (show == 'vehicles_list') {
                this.$refs.vehicles_tab.click();
            } else {
                this.$refs.geofence_tab.click();
            }

            this.show_drawer = true;

            console.log(this.$refs)

        }

HTML组件网：

     <a class="nav-link m-tabs__link"
                       data-toggle="tab"
                       href="#vehicles-list"
                       role="tab"
                       ref="vehicles_tab"
                    >

 <a class="nav-link m-tabs__link"
                       data-toggle="tab"
                       href="#geofence-list"
                       role="tab"
                       ref="geofence_tab"
                    >

这里控制台打印不同的显示值，而$ refs显示两个引用，但仅显示第二个标签。