vue中有很多的修饰符,每个修饰符都有自己的功能,今天就使用.prevent来阻止a标签的默认行为
<body>
<div id="app">
//在@click后面添加.prevent的方式来阻止a标签的默认行为
<a href="http://www.baidu.com" @click.prevent='sty'>点击</a>
</div>
</body>
<script src="../vue.js"></script>//我引入的本地vue文件
<script>
new Vue({
el:'#app',
data:{
},
methods:{
sty(){
console.log('阻止默认行为');
}
}
})
</script>