代码之家 › 专栏 › 技术社区 › Alexander Zeitler

Vue路由器:按名称和参数导航到嵌套状态/路由

vue-router vue.js

Alexander Zeitler · 技术社区 · 6 年前

如何使用导航到子状态 $router.push ?

我的路线:

const routes = [
  {
    path: "/customers", name: 'Customers',
    components: {content: CustomersMain},
    props: {header: true, content: false},
    children: [
      {
        path: '',
        component: CustomerDetailsEmpty
      },
      {
        path: ':id',
        name: 'CustomerDetails',
        component: CustomerDetails
      }
    ]
  }
];

我如何导航到 CustomerDetails 有一个 id 参数集使用 $router.push(路由器.push) ?

1 回复 | 直到 6 年前

Alexander Zeitler 6 年前

这就成功了:

this.$router.push({ name: `CustomerDetails`, params: {id} });

推荐文章

Jimmy Kiarie · 路由之前的Vue js

6 年前

angelique000 · 对于非常大的Web应用程序,Vue路由器的最佳实践是什么?

6 年前

Felipe Paulo · Vuejs未渲染子路由

6 年前

angelique000 · 如何在Vue组件中加载OpenSeadragon组件

6 年前

dsky · 保持Vue状态

6 年前

Paul Renshaw · Vue。Firebase托管上的js SPA,使用通配符重写Firebase云函数

6 年前

josefdev · 如何在Vue中声明被动属性。js公司

6 年前

ChadQi · 刷新浏览器导致文件路径更改

6 年前

DarkFenix · 访问存储或获取程序的状态_WEBPACK\u IMPORTED\u MODULE\u 3\u store\uuuuuuuuuuuu。a、调度不是一项功能

6 年前

Chad Carter · Vue测试UTIL未知自定义元素:<路由器链接>

6 年前