vue如何触发某个元素的单击事件?

Question

<a class="link">1111</a>

<a class="link">2222</a>

<a class="link">333</a>

<button>点击我触发a的单击事件</button>

在jquery中单击某个按钮后可以直接用$('a').trigger("click");
来触发a元素的单击事件

那么在vue中该如何实现?

Answer 1

想通过点击<a>标签来触发事件么？这个问题我曾经遇到过，其实是vue中把a标签的点击原生事件貌似禁用掉了。但是我们可以如下这么写，来触发这个点击事件。<a class="link" @click.native="test">1111</a><a class="link" @click.native="test">2222</a><a class="link" @click.native="test">333</a><button @test='shout'>点击我触发a的单击事件</button>&nbsp; <script type="text/javascript">&nbsp; &nbsp; var vm = new Vue({&nbsp; &nbsp; &nbsp; el:"#app",&nbsp; &nbsp; &nbsp; methods: {&nbsp; &nbsp; &nbsp; &nbsp; test: function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.$emit('test');//把a标签的点击事件分发&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; shout:function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log('我触发了它');&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; })&nbsp; </script>YOU WILL NOT MISS IT~~