vue-router無法利用url傳遞參數(shù)

router/index.js

{

    path: '/orderdetail/:ordersid',
    component: OrderDetail
}

父組件

<router-link to="/orderdetail/198">
  <span class="orderSpan6">查看詳情</span>
</router-link>
    

子組件

<template>
    <div>
        <p>{{ msg }}</p>
        <p>{{ $route.orderdetail.ordersid }}</p>
    </div>
</template>

<script>
export default {
    name:'orderdetail',
    data(){
        return {
            msg:"詳情頁面"
        }
    }
}
</script>

4.chrome報錯

5.瀏覽器地址欄都可以正常顯示