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,每次上拉和下拉刷新都有数据,逻辑是怎样的,如何防止重复?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 高中高二作文1000字:美在清纯演讲稿 愿我十年后提着老酒,会一会你这个老友! 点亮的灯塔作文 遗憾 花期,没有你作文100字 一碗面的情谊作文1100字 母亲节搞笑短信 导游年终总结2013 2015高三上学期学习计划 开展“创安”工作服务“两个率先”构建和谐社会 市民族宗教事务局办公室优秀公务员个人事迹材料 爱吹牛的青蛙作文600字 有关端午节的作文600字:端午的这天 小学五年级作文500字:悦读 滑落在耳洞里的异物 祖孙之间作文1000字 那片蓝色的天 医疗保险半年工作总结 大学生职场亮剑大赛策划书 年终工作总结2013 成长的启迪作文750字 卫生局党委党建工作汇报 2016党支部创先争优活动及党务工作计划 形容心情烦躁的诗句 小学四年级作文350字:小草的启蒙 小学五年级作文500字:这是我的个性(转载) 为什么你永远都只是看起来很努力? 四川,你行的! 通过有效教学策略培养学习数学思维 笛韵 妈妈的“骂声”作文500字 告别“旱鸭子”作文400字 高中高二作文1000字:玉兔的故事 小学四年级作文400字:爱上特长班 我和父母一起去沙坡头游玩作文600字 坚持你的方向作文 九张机-----感恩父亲 2015徐州高考满分作文及题目 践行八荣八耻,争当排头兵点滴体会 伤秋情愫,苍老了谁 我的老师是校长作文 《另类思维》读后感600字 给妈妈说几句心里话350字 两位公主 农村干部半年工作总结 小学英语歌咏比赛活动方案 诗歌接龙(40) 赠韦金吾 后勤副校长述职报告(共2篇) 祝父母八十大寿

Copyright © 2016 phpStudy |