Vue如何做一个左边栏
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
要求一-------点击之后能够实现页面跳转,使用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 个月前
更多推荐
已为社区贡献12条内容
所有评论(0)