Im Tagesgeschäft ist es üblich, beim Routing von Sprüngen Parameter zu übergeben. Es gibt drei Möglichkeiten, Parameter zu übergeben:
1) Durch dynamisches Routing
//路由配置文件中 配置动态路由
{
path: '/detail/:id',
name: 'Detail',
component: Detail
}
//跳转时页面
var id = 1;
this.$router.push('/detail/' + id)
//跳转后页面获取参数
this.$route.params.id
2) Übergeben Sie den Wert über das Abfrageattribut
//路由配置文件中
{
path: '/detail',
name: 'Detail',
component: Detail
}
//跳转时页面
this.$router.push({
path: '/detail',
query: {
name: '张三'，
id: 1,
}
})
//跳转后页面获取参数对象
this.$route.query
3) Um Werte über das params-Attribut zu übergeben,
müssen Sie das Namensattribut in der Route definieren und das Namensattribut zum Springen verwenden
//路由配置文件中
{
path: '/detail',
name: 'Detail',
component: Detail
}
//跳转时页面
this.$router.push({
name: 'Detail',
params: {
name: '张三'，
id: 1,
}
})
//跳转后页面获取参数对象
this.$route.params
Zusammenfassung: 1. Dynamisches Routing und Abfrageattributübergabewert-Seitenaktualisierungsparameter gehen nicht verloren, Parameter gehen verloren 2. Dynamisches Routing wird im Allgemeinen verwendet, um einen Parameter (z. B. die ID der Detailseite) zu übergeben, Abfrage und Parameter können sein den einen oder anderen Parameter übergeben.