为了账号安全,请及时绑定邮箱和手机立即绑定

vue-cli安装项目后关于路由的问题

vue-cli安装项目后关于路由的问题

好学的Lv 2017-05-09 17:18:26
一般跳转都是采用下面这种方式:     <router-link to="/Home">点我去主页</router-link> 当然App.vue里面有个<router-view></router-view>来存放视图, 这样做没有出现问题,只要配置路由的时候没有出错。 但是有时候我想利用下面这种方式跳转:     <h1 @click="goAbout"></h1> 然后在methods里面写:     goAbout:function(){         router.push('/About')     } 但是却发现报错了,报错说"router"is not defined。这是为什么呢?我明明在main.js里面把router挂载在了根实例"#app"上面 还有望大神们热情解释~
查看完整描述

1 回答

已采纳
?
woshiajuana

TA贡献211条经验 获得超152个赞

你需要获取到router

如果你在vue实例中,那么你就得这样调用

this.$router.push('/About')

如果你不在vue实例,也就是说当前this的值不是vue实例,那么

你只能import引入你的router模块,然后在调用

import router from './router'
router.push('/About')


查看完整回答
2 反对 回复 2017-05-11
  • 好学的Lv
    好学的Lv
    后面用调试工具看到this.$router的_proto_身上有push方法,不过还是感谢
  • 1 回答
  • 1 关注
  • 1519 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信