欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue-element-admin点击按钮跳转新页面方法$router.push

程序员文章站 2022-07-01 19:56:22
...

1:首先在view里面新建一个新的组件页面
addChip.vue

vue-element-admin点击按钮跳转新页面方法$router.push

2:打开router/index.js
配置新增组件

 {
        path: 'addChip',
        component: () => import('@/views/chip/addChip'),
        name: 'addChip',
        meta: { title: '新增拼图' },
        hidden:true,
      },

3:打开chip组件界面,开始写一个按钮

<template>
  <el-button class="filter-item" type="primary" @click="$router.push('/chip/addChip')">新增拼图</el-button>
</template>
<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {},
};
</script>
<style lang='scss'>
</style>

4:ok
点击按钮,就可以跳转新界面了
vue-element-admin点击按钮跳转新页面方法$router.push
vue-element-admin点击按钮跳转新页面方法$router.push