javascript - 怎麼在vue單一檔案元件裡取得router

Question

<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，實作編程式導航？

Answer 1

這個。 $路由器

Answer 2

具體見對組件注入

$router：router 實例。
$route：目前啟動的路由資訊物件。

Answer 3

雷雷