新增:增加列表详情页demo、动态路由菜单demo、带参路由菜单demo;

master
chenghongxing 4 years ago
parent 97a1417112
commit 449fd99f9d
  1. 16
      src/pages/Demo.vue
  2. 1
      src/pages/list/QueryList.vue
  3. 31
      src/router/config.js

@ -0,0 +1,16 @@
<template>
<div>
<p>query: {{$route.query}}</p>
<p>params: {{$route.params}}</p>
</div>
</template>
<script>
export default {
name: 'Demo'
}
</script>
<style scoped>
</style>

@ -116,6 +116,7 @@
<a @click="deleteRecord(record.key)" v-auth="`delete`"> <a @click="deleteRecord(record.key)" v-auth="`delete`">
<a-icon type="delete" />删除2 <a-icon type="delete" />删除2
</a> </a>
<router-link :to="`/list/query/detail/${record.key}`" >详情</router-link>
</div> </div>
<template slot="statusTitle"> <template slot="statusTitle">
<a-icon @click.native="onStatusTitleClick" type="info-circle" /> <a-icon @click.native="onStatusTitleClick" type="info-circle" />

@ -95,6 +95,15 @@ const options = {
}, },
component: () => import('@/pages/list/QueryList'), component: () => import('@/pages/list/QueryList'),
}, },
{
path: 'query/detail/:id',
name: '查询详情',
meta: {
highlight: '/list/query',
invisible: true
},
component: () => import('@/pages/Demo')
},
{ {
path: 'primary', path: 'primary',
name: '标准列表', name: '标准列表',
@ -230,6 +239,28 @@ const options = {
}, },
component: () => import('@/pages/form/basic') component: () => import('@/pages/form/basic')
}, },
{
name: '带参菜单',
path: 'router/query',
meta: {
icon: 'project',
query: {
name: '菜单默认参数'
}
},
component: () => import('@/pages/Demo')
},
{
name: '动态路由菜单',
path: 'router/dynamic/:id',
meta: {
icon: 'project',
params: {
id: 123
}
},
component: () => import('@/pages/Demo')
},
{ {
name: 'Ant Design Vue', name: 'Ant Design Vue',
path: 'antdv', path: 'antdv',

Loading…
Cancel
Save