vue中阻止默认行为

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>

你可能感兴趣的:(vue)