Element UI新手入门(配置路由,页面跳转(携带参数))

1.安装Element UI,链接如下:

https://element.eleme.cn/#/zh-CN/component/installation

2.安装路由(也可以借助官方文档:https://router.vuejs.org/zh/)

npm i vue-router -S

项目结构

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 首先需要在main.js引入我们的路由文件,并全局使用

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 全局配置之后,紧接着在根目录文件使用

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 router.js文件需引入每个自定义文件路径,并命名

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 跳转并接收值

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 页面接收值

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 效果:

Element UI新手入门(配置路由,页面跳转(携带参数))

 

 Element UI新手入门(配置路由,页面跳转(携带参数))

 

上一篇:Azkaban 中文版本支持


下一篇:vue3-解决elementui组件中文问题