跳到主要内容

router


//定义路由
{
path: "/movies",
name: "movies",
component: Movies ,
props: true, // 传递所有 params 到
children: [
{
path: "/movies/:id",
name: "detail",
component: DetailMovie ,
props(route) {return route.query}
},
]
},


//进行跳转
<RouterLink :to="{
name: 'detail',
query: {
content: item.vod_content,
},
params: {
id: item.vod_id
}
}" ></RouterLink>

//接受参数
import {useRoute} from "vue-router";

//方法一
defineProps(['id','title','content'])

const route = useRoute()

async function getData() {
//方法二
let id = route.params.id
}





备注1:传递 params 参数时,若使用 to的对象方法,必须使用name 配置项,不能用 path
新注2:传递 params 参数时,需要提前在规则中占位。