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阻止的不是点击事件,而是链接的浏览器默认跳转事件,对点击事件没什么影响的


应该用钩子来处理

另外,路由传递参数可以直接使用动态路由的方式


如果你想在跳转前进行一些操作,你不应该使用router-link而是一般标签,然后用router的go方法来跳转。



相关阅读:
点击按钮的跳转ui-sref后进入的页面报错,是什么原因呢?
本地测试需要htpps,怎么解决?
jdk1.8关于持久化的api是哪个?为什么在javax包下找不到persistence这个类?
vue里模版如何转字符串
出现resolve-url-loader cannot operate:source-map error
css实现六边形带图片展示
关于react 一个问题(Render HTML string w/JSX expression)
gulp合并js代码问题
mysql怎么实现mssql的if exists() begin...end功能?
关于mongodb多表和检索查询
brew install php56-redis 安装错误
vue2.0时如何结合highlight.js实现代码高亮的?
程序怎么判断windows的隐藏文件/文件夹?
react 父组件怎么获取子组件的这个值?
react,多个节点执行同一个事件,怎么区分启动事件的是哪个节点?
跨域修改css样式
mac下用chrome浏览器和safiri运行总是出问题?
列表分割数据输出
关于django model relation set的设置问题
新闻类app,每次上拉和下拉刷新都有数据,逻辑是怎样的,如何防止重复?



快速导航

Copyright © 2016 phpStudy |