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>

  <script type="text/javascript">

    var vm = new Vue({

      el:"#app",

      methods: {

        test: function () {

          console.log(1);

          this.$emit('test');//把a标签的点击事件分发

        },

        shout:function () {

          console.log('我触发了它');

        }

      }

    })

  </script>

YOU WILL NOT MISS IT~~