directive: event_preventDefault

by edith_tang

HTML

<div id="app">
  <a href="https://www.baidu.com" @click="handleClick('禁止打开百度', $event)">前往百度</a>
</div>

CSS

a {
  text-decoration: none;
  padding:5px 10px;
  background-color: orange;
  color: #fff;
}

JavaScript

var app = new Vue({
	el: '#app',
  methods: {
  	handleClick: function(msg, event) {
    	event.preventDefault();
      window.alert(msg);
    }
  }
})