要求一-------点击之后能够实现页面跳转,使用router,点击之后跳到指定页面:

第二步:如何实现简易的前端路由

 第三步 左侧边栏的正确写法,ul中li套router-link

第四步 实现嵌套路由

 第五步 ul中嵌套着li

第六步嵌套路由

第七步,他在设置路由规则的时候,分了两部分,第一部分是头部,另一个主体部分

嵌套路由规则

 嵌套路由使用前先导入组件,使用组件的三个步骤

 点击之后可以修改

 我是不是应该改成子路由的嵌套规则

点击之后会发生改变

 用户管理界面怎么生成,把数据生成放在界面上

 数据每生成一次生成一个tr行

 item in 数组

 别忘记了key关键字

数据都渲染好了

 绑定一个事件,点击之后进入详情

 点了之后就能够跳,怎么跳那,用导航API

导航命令跳转

 路由导航

 我要接受用户的id

 要具体写id的值

 这里你传id是几,我传入id就是几

 这里有个注意事项,只有在路由规则里才能写:id

 在方法里是不能产生冒号的,只能产生值

点详情,点什么,后来出现了新的页面

this.router.………可以得出

给这条路由规则开启props传参

 开启之后,这条路由规则就可以用props属性接收路由的值了

接受之后,我们就可以直接使用了,不用什么router接收参数了

 动态参数项,:是能够用来路由规则里的,然后我们在做跳转的时候就是把id给传过去,做一下拼接就好了。

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐