Question

我目前正在从事Vue项目。这是路由器代码：

import Vue from 'vue'

const SeanceHeader = Vue.component('SeanceHeader', {
  render: (createElement) => {
    console.log('render header')
    return createElement('div', '')
  }
})

const routes = [
  {
    path: '/', redirect: to => {
      return '/undefined/'
    }
  },
  {
    path: '/vel/:vendorSlug/',
    component: () => import('layouts/velLayout'),
    children: [
      { path: '',
        name: 'vel',
        component: () => import('pages/velSearch'),
      },
      { path: 'old',
      name: 'vel_old',
      component: () => import('pages/vel')
    }]
  },
]

我在velLayout中有一个购物车，我想将其提供给VelSearch页面/组件。（我知道存在类似的问题，但在这里，这是一个从组件到子对象的对象。）

谢谢

Answer 1

如果我对您的理解很好...例如，您有反对意见

class Phone{
   name: String,
   number: Number,
}

现在，当您按下按钮时，您想要发送数据。因此，您可以使用query：

<router-link :to="{ name: 'vel', query:{ Phone: {name: 'Jhon', number: '123456789'}}}">BUTTON</router-link>

在vel组件中，您可以通过this.$route.query访问它们。

道具Vue路由器

1 个答案: