如何从jquery触发Vue事件

Question

如何从jquery触发Vue事件

Answer 1

1 2 3 4 5 6 7 8 9 10 11 12 13

vue: var vm = new Vue({     el:'#main',     data:{},     method:{         fn:function(){         } }   jq: $('#main').click(function(){     vm.fn(); )

 

Answer 2

从jquery触发Vue事件
<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')[0].dispatchEvent(new Event('click'));
})
}

Answer 3

首先要安装jq：

cnpm install jQuery

然后在build/webpack.base.conf文件当中引入：