时间戳

首页 > 解决方案 > 道具Vue路由器

javascript - 道具Vue路由器

问题描述

我目前正在做一个 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 页面/组件。（我知道存在类似的问题，但在这里，它是从组件到子级的对象）。

谢谢

标签： javascriptvue.jsvue-router

解决方案

如果我理解你的话......你有反对，例如：

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.

推荐阅读