vue路由守卫导航栏权限配置（vue中的路由导航守卫）



打开src下的router下的index.js文件夹，在routes中添加配置。

path是访问路径。

name是路由的名字，在项目内部使用。

component是路由目标，也就是要展示的页面。

路由目标需要导入

打开main.js，将router文件挂载到app上

打开app.vue

RouterView标签是要显示的内容，也就是index.js中component指向的目标。

RouterLink标签类似a标签，用于操控RouterView中显示的内容

传递参数有两种方法，一是作为链接的一部分传递，二是通过链接后的参数传递。

这样就有id和type两个变量了

在目标组件内使用变量：

        在目标组件中使用可以访问变量，其中params找的是网址的组成部分，query找的是？后跟的参数。

同上

在这个例子中，当用户访问  路径时， 会被渲染到  中的 。

在这个例子中，当用户访问  路径时， 会被渲染到默认的 ，而  会被渲染到名为  的 。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/jszy-jszl/30695.html