登陆

javascript - 怎么在vue单文件组件里获取router

<template>
    <p>
        a.vue
        <router-link to="/a/a1">a1</router-link>
        <router-link to="/a/a2">a2</router-link>
        <br>
        <button @click="gta1()">a1</button>
        <router-view></router-view>
    </p>
</template>
<script>

    export default{
        methods:{
            gta1(){
                router.push({path:'a'}) //这里报错了, “router is not defined”
            }
        }
    }
</script>

求问,怎么才能获取到router,实现编程式导航?

# JavaScript
阿神阿神1574 天前433 次浏览

全部回复(3)我要回复

  • 扔个三星炸死你

    扔个三星炸死你2017-07-05 10:50:49

    this.$router

    回复
    0
  • 某草草

    某草草2017-07-05 10:50:49

    具体见对组件注入

    $router:router 实例。
    $route:当前激活的路由信息对象。

    回复
    0
  • 天蓬老师

    天蓬老师2017-07-05 10:50:49

     this.$router.push({path:'a'})

    回复
    0
  • 取消回复发送