vue 路由器鏈接未在刷新頁面上顯示參數

Question

當我刷新頁面時，組件“音樂”看到“參數”對象為空，有人可以幫助我嗎？

代碼下方：

route.js:
{
    path: "/music",
    name: "music",
    component: music
}

file that call router-link:
<router-link :to="{name:'music', params:{ title:'Musicc'}} ">Music</router-link>

music component:
<template>
  <div>
    <div>{{title}}</div>
  </div>
</template>
<script>
    export default {
    name: "music",
    computed:{
        title: function(){
            return this.$route.params.title;
        }
      }
    }
</script>

Answer 1

你必須在你的路線路徑中給出參數名稱......也許它可以是答案

route.js:
{
    path: "/music/:title",
    name: "music",
    component: music
}

Answer 2

在 route.js 中添加props:true

路線.js：

{
    path: "/music",
    name: "music",
    component: music,
    props: true
}

Answer 3

頁面刷新與單擊路由器鏈接不同。 通過單擊路由器鏈接傳遞的參數在頁面刷新后不會保留在頁面中（如 William Wang 所述）。 如果您需要在頁面刷新時保留數據，請考慮使用 Vuex 狀態管理而不是傳遞大量參數。

Answer 4

這是你的問題

在調用路由器鏈接的文件中

<router-link :to="{name:'music', params:{ title:'Musicc'}} ">Music</router-link>

而在

path: "/music"

它應該是

path:"/music/:title"

所以這是一個錯字