vue.js - router-link 阻止默认的点击事件么？

问题描述

问 题

<template>
    <div class="routerdata">
        <div class="hd" style="height: 100%;">
            <h1 class="page_title">Vue</h1>
            <p class="page_desc">利用路由实现tab切换并传参数</p>
        </div>
        <div class="weui_tab">
            <ul class="weui_navbar">
                <router-link class="weui_navbar_item"
                     **@click="random"** to="/routerdata/tab1">Vuejs</router-link>
                <router-link class="weui_navbar_item" to="/routerdata/tab2">VueTab</router-link>
            </ul>
            <div class="weui_tab_bd">
                <router-view :message="msg"></router-view>
            </div>
        </div>
    </div>
</template>
<style scoped>
.weui_tab_bd{
    width:100%;
    height:200px;
}
</style>
<script>
    export default{
        data(){
            return{
                msg:''
            }
        },
        methods:{
            random(){
                this.msg=Math.random();
            }
        }
    }
</script>

@click="random" 不能被触发是为什么？

解决方案

router-link阻止的不是点击事件，而是链接的浏览器默认跳转事件，对点击事件没什么影响的

这篇关于vue.js - router-link 阻止默认的点击事件么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！