jquery怎么去触发vue的事件

Question

我想用jquery去默认触发第一个li下的a标签
为什么会触发不了？有什么办法吗?

<ul class="menu">
    <li v-for="menu in menus">
        <a @click="clickMenu(menu)">
            <span class="title">{{ menu.title }}</span>
        </a>
    </li>
</ul>


if(this.$route.path === '/') {
    this.$nextTick(()=>{
        $('.menu li:first-child').children('a').trigger('click');
    })
}

Answer 1

$('.menu li:first-child').children('a')[0].dispatchEvent(new Event('click'));

Answer 2

使用vue的ref="xxx"属性和this.$refs.xxx.获取元素对象触发click方法...能不用jquery就不引入jquery库了