events.html 696 B

12345678910111213141516171819202122232425262728
  1. <script src="../../../dist/vue.js"></script>
  2. <div v-on="click:outer">
  3. <p class="outer" v-show="outerTriggered">Outer triggered</p>
  4. <p class="msg">{{msg}}</p>
  5. <a class="normal" v-on="click:normal">normal</a>
  6. <a class="exp" href="#triggered" v-on="click:exp('hello', $event)">exp</a>
  7. </div>
  8. <script>
  9. Vue.config({debug:true})
  10. var test = new Vue({
  11. el: 'div',
  12. methods: {
  13. outer: function () {
  14. this.outerTriggered = true
  15. },
  16. normal: function (e) {
  17. e.stopPropagation()
  18. },
  19. exp: function (msg, e) {
  20. this.msg = msg
  21. e.stopPropagation()
  22. e.preventDefault()
  23. }
  24. }
  25. })
  26. </script>