场景:有head和foot,为父组件 侧栏tree为子组件 点击tree,右侧孙组件根据点击tree的id,来更改表格内容。
export default new Router({
routes: [
{
path: '/',
redirect: {
name: '首页'
},
component: cmshome,//父组件
children: [
{ path: '/', component: cmsindex, name: 'cmsindex' },
{ path: '/projects', component: projects, name: 'projects' },
{ path: '/project', component: projecthome,name: 'projecthome',//子组件
children: [
{path: '/project', component: project, name: 'project'}//孙组件
]
},
]
},
<router-view :tree-id="treeId"></router-view>
props:['treeId'],
watch: { // 如果 question 发生改变,这个函数就会运行
treeId: function (newQuestion) {
this.projproducts(this.currentPage);
}
},