В http://quasar-framework.org/ у меня есть несколько экранов с одинаковым макетом, например списки товаров и клиентов.
Но я не понимаю, как я могу передать данные со страницы в их макет. Например, у макета есть заголовок, который я хочу изменить в зависимости от того, какая страница отображается:
//Routes:
{
path: '/orders',
component: () => import('layouts/list'),
children: [
{ name: 'pickCustomer', path: '/customer', component: () => import('pages/CustomersList') },
{ name: 'pickProducts', path: '/products/:customer_id', component: () => import('pages/AddProductsList') },
{ name: 'addProduct', path: '/addproduct/:order_id/:product_id', component: () => import('pages/AddProductsList') },
{ name: 'confirmOrder', path: '/confirm/:order_id', component: () => import('pages/AddProductsList') }
]
}
//list.vue
<template>
<q-layout>
<q-layout-header>
<q-toolbar>
<q-btn
flat
round
dense
icon="chevron_left"
@click="leftDrawer = !leftDrawer"
/>
<q-toolbar-title>
{{title}}
</q-toolbar-title>
<q-btn flat round dense icon="save" label="Add" />
</q-toolbar>
<q-toolbar>
<q-toolbar-title>
<q-search v-model="search" @input="change" inverted color="none" />
</q-toolbar-title>
</q-toolbar>
</q-layout-header> </q-layout>
</template>
<script>
export default {
// name: 'LayoutName',
}
</script>
//Customers.vue
<template>
</template>
<script>
import CustomersRows from '../statics/json/customers.json'
export default {
data () {
return {
title: 'Customers', <--HOW TO PASS THIS?
}
}
}
</script>
<TNavigation >
на другой компонент? - person Sphinx   schedule 09.05.2018<route-view>
. Но вы не предоставляете коды на<TNavagation>
и своей домашней странице, поэтому не можете понять, как это сделать. - person Sphinx   schedule 12.05.2018