您现在的位置是：网站首页> 编程资料编程资料

Vue-admin-template 添加、跳转子页面问题_vue.js_

2023-05-24 446人已围观

简介 Vue-admin-template 添加、跳转子页面问题_vue.js_

1. 使用场景

一级页面为列表，列表中，每个item中，有按钮，点击按钮，跳转到新页面中，并且显示刚刚选中的item的所有信息(增、改)。

如下：点击权限，进入新页面，并对当前角色进行权限改动。

2. 开发环境

  • Vue-admin-template
  • element-ui: “2.4.6”
  • vue: “2.5.17”
  • vue-router: “3.0.1”
  • vuex: “3.0.1”

3. 配置路由

{ path: 'role/permission/:id(\\d+)', name: 'PermissionConfig', component: () => import('@/views/system/role/permission/index'), meta: { title: 'permissionConfig', icon: 'table' }, hidden: true }

重点为/:id(\\d+)，标识地址后面跟一个id。

4. 设置跳转

两种方法

1.编程式跳转

调用

{{ $t('role.permission') }}

声明

handlePermission(row) { /** * TODO 权限配置页面跳转 */ this.$router.push({ path: `/system/role/permission/${row.id}` }) }

2.声明式跳转

直接调用

Edit

5. 新页面接收使用参数

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：简单设置el-date-picker的默认当前时间问题_vue.js_

下一篇：如何使用Gitee Pages服务 搭建Vue项目_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网