前端点击按钮跳转页面的方式

示例代码:

新增按钮

<el-col :span="1.5" class="float-left">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="hfdAdd"
          v-hasPermi="['system:hfdlrbt:add']">新增</el-button>

JS代码

  /* 新增 */
    hfdAdd() {
      this.$router.push({ path: '/hfdlrbtAdd' })
    },

配置路由

{
    path: '/hfdlrbtAdd',
    component: Layout,
    hidden: true,
    permissions: ['system:user:edit'],
    children: [
      {
        path: '/hfdlrbtAdd',
        component: () => import('@/views/system/hfdlrbt/index'),
        name: 'AuthRole',
        meta: { title: '新增页面', activeMenu: '/system/hfdlrbt' }
      }
    ]
  },