Laravel vue路由器链接未在刷新页面上显示参数

当我刷新页面时，组件“music”看到'params'对象为空， 有人能帮我吗

代码如下：

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>

route.js:
{
路径：“/音乐”，
名称：“音乐”，
组成部分：音乐
}
调用路由器链接的文件：
音乐
音乐部分：
{{title}}
导出默认值{
名称：“音乐”，
计算：{
标题：函数（）{
返回此。$route.params.title；
}
}
}

在route.js中添加

道具：true

route.js：

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

---

您必须在路由的路径中指定参数名……也许这就是答案

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

---

页面刷新与单击路由器链接不同。通过点击路由器链接传递的参数在页面刷新后不会保留在页面中（如William Wang所述）。如果您需要在页面刷新时仍保留数据，请考虑使用Vuex状态管理，而不是传递大量参数。

这是您的问题所在

在调用路由器链接的文件中

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

应该是

path:"/music/:title"

---

因此，这是一个输入错误，但刷新页面时参数仍然为空。刷新页面时参数数据丢失，应用程序内的路由导航即可使用。要在刷新页面时使用，您需要将值保存在url中，例如

/music/：title

不要这样认为，如果我必须传递20个参数，不想通过路径传递所有信息，但没有参数如何传递参数这是我经常使用的语法Lets考虑laravel…如果在路由中没有提供参数id，那么它如何调用需要参数的路由

path:"/music/:title"