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

最新推荐文章于 2024-07-22 18:27:55 发布

转载最新推荐文章于 2024-07-22 18:27:55 发布 · 7.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/daiwenru/p/8550054.html

标签

#javascript #ViewUI

收录于

本文介绍了一个Vue.js的应用实例，展示了如何通过@click.native指令绑定点击事件，并利用this.$emit进行事件的分发。代码中定义了test和shout两个方法，通过按钮触发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>
应该是这样的。待考察