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

淡淡的烟草味﹌ 2022-12-06 01:06 769阅读 0赞

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

![484ac6f19a02622fc39a2372e09a5ed4.png][]

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  
点击按钮，就可以跳转新界面了  
![6a3614a97fe79e9c41bfc41ed9c7a706.png][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]

[484ac6f19a02622fc39a2372e09a5ed4.png]: /images/20221123/f03b48490f694c33bc72109c7b4aece3.png
[6a3614a97fe79e9c41bfc41ed9c7a706.png]: /images/20221123/355d2a00ad7e456e88047de5ccfb9c19.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/9dee1bf1ea2f425291709f7837359760.png

发表评论取消回复

表情：

评论列表（有 0 条评论，769人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue点击按钮跳转页面

在Vue.js中，你可以使用<router-link>或this.$router.push()来实现点击按钮跳转页面的功能，前提是你已经配置了Vue Router。以下是两种不

女爷i/ 2024年02月20日 10:45/ 0 赞/ 51 阅读

相关页面点击按钮下载文件

实现要求：浏览器页面点击，文件下载前台实现 function down(data){ var content = data.modelCo

落日映苍穹つ/ 2023年06月26日 03:29/ 0 赞/ 14 阅读

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

1：首先在view里面新建一个新的组件页面 addChip.vue ![484ac6f19a02622fc39a2372e09a5ed4.png][] 2：打开rout

淡淡的烟草味﹌/ 2022年12月06日 01:06/ 0 赞/ 770 阅读

相关微信小程序点击按钮跳转页面

> wxml <button bindtap="goToNotice" ></image></button> > js Page({ dat

我会带着你远行/ 2022年11月11日 13:22/ 0 赞/ 286 阅读

相关 android多个按钮点击跳转页面,关于android连续点击出现多个Activity界面的解决方法...

前言开始始学习android，对android的启动模式没有什么了解，就使用了时间判断是否重复点击了两次按钮，启动另外的activity界面，这样的控制方法，有时候会失效，

野性酷女/ 2022年10月16日 01:55/ 0 赞/ 380 阅读

相关页面跳转到新页面

1、跳转 Navigator.push(context, MaterialPageRoute(builder: (context) { retu

谁借莪１个温暖的怀抱￠/ 2022年09月04日 05:47/ 0 赞/ 277 阅读

相关 jsp点击按钮跳转页面，按钮颜色改变

我用的是window.location.href = ""；进行页面的转跳操作，在点击按钮跳转的目的地后需要将点击的按钮改变颜色。 $(function()\{ var

╰+攻爆jí腚メ/ 2022年05月16日 12:58/ 0 赞/ 365 阅读

相关 Flask中input点击跳转页面

<li><input type="button" id="modifytip" class="modify" name="modifytip" value="修改"

我不是女神ヾ/ 2022年04月13日 09:59/ 0 赞/ 369 阅读

相关 jquery点击div跳转页面

<div onclick="window.open('http://www.baidu.com')">在新窗口跳转至百度</div> <di

一时失言乱红尘/ 2021年09月30日 11:36/ 0 赞/ 591 阅读

相关微信小程序点击按钮跳转至tabbar页面

在具有tabbar的页面中，倘若你要实现tabbar中的页面跳转（并不是跳转到此tabbar页面外的其他页面），使用wx.redirectTo或wx.navigateTo是实现

Love The Way You Lie/ 2021年09月16日 14:42/ 0 赞/ 717 阅读