vue-router多级路由,在router-view中渲染组件问题

https://img2.mukewang.com/5c597764000126a008000402.jpg

https://img1.mukewang.com/5c5977640001cd8a05290800.jpg

我想点击编辑按钮,在当前右侧区域加载一个新的vue组件,显示当前项目的详细内容。


求带神指点一下,如何才能实现这个功能


HUX布斯
浏览 1626回答 1
1回答

慕后森

{&nbsp;&nbsp;&nbsp;&nbsp;path:&nbsp;'/ProjectManagement',&nbsp;&nbsp;&nbsp;&nbsp;component:&nbsp;Container,&nbsp;&nbsp;&nbsp;&nbsp;children:&nbsp;[ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;path:&nbsp;'',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;component:&nbsp;projectPM,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;'项目管理', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;path:&nbsp;'/proEdit',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;component:&nbsp;proEdit,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;'edit' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;] }//&nbsp;Container<template>&nbsp;&nbsp;&nbsp;&nbsp;<router-view&nbsp;/></template>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript