位置: IT常识 - 正文

vue跳转页面(vue跳转页面的几种方法)

编辑:rootadmin

vue怎么跳转页面呢?不知道的小伙伴来看看小编今天的分享吧!
613/auto1686643497vue跳转页面(vue跳转页面的几种方法)

vue有三种不同方式实现页面跳转。

方法一:Vue:router-lin

<router-link to="/">[跳转到主页]</router-link>

<router-link to="/login">[登录]</router-link>

<router-link to="/logout">[登出]</router-link>

方法二:this.$router.push("/");

<button @click="goHome">[跳转到主页]</button>

export default {

name: "App",

methods: {

// 跳转页面方法

goHome() {

this.$router.push("/");

},

}

方法三:this.$router.go(1);

<button @click="upPage">[上一页]</button>

<button @click="downPage">[下一页]</button>

upPage() {

// 后退一步记录,等同于 history.back()

this.$router.go(-1);

},

downPage() {

// 在浏览器记录中前进一步,等同于 history.forward()

this.$router.go(1);

}

代码示例:

<template>

<div id="app">

<img src="./assets/logo.png">

<router-view/>

<router-link to="/">[跳转到主页]</router-link>

<router-link to="/login">[登录]</router-link>

<router-link to="/logout">[登出]</router-link>

<!-- javascript跳转页面 -->

<button @click="goHome">[跳转到主页]</button>

<!-- 回到上一页 -->

<button @click="upPage">[上一页]</button>

<button @click="downPage">[下一页]</button>

<!-- 回到下一页 -->

</div>

</template>

<script>

export default {

name: "App",

methods: {

// 跳转页面方法

goHome() {

this.$router.push("/");

},

upPage() {

// 后退一步记录,等同于 history.back()

this.$router.go(-1);

},

downPage() {

// 在浏览器记录中前进一步,等同于 history.forward()

this.$router.go(1);

}

}

};

</script>

以上就是小编今天的分享了,希望可以帮助到大家。

本文链接地址:https://www.jiuchutong.com/zhishi/2690.html 转载请保留说明!

上一篇:打印机共享0000709(打印机共享0000040)

下一篇:sql注入语句(sql注入语句万能密码)

  • 论坛发帖要求才能保证效果和行业进步(论坛发帖有哪些注意事项)

    论坛发帖要求才能保证效果和行业进步(论坛发帖有哪些注意事项)

  • qq消息左右滑滑不掉(qq消息左滑不显示怎么恢复)

    qq消息左右滑滑不掉(qq消息左滑不显示怎么恢复)

  • 华为mate20是5g手机吗

    华为mate20是5g手机吗

  • beatsx充电红灯闪烁

    beatsx充电红灯闪烁

  • 淘宝确认收货后怎么换货(淘宝确认收货后怎么申请退款)

    淘宝确认收货后怎么换货(淘宝确认收货后怎么申请退款)

  • mdb是什么格式(mdb格式的文件怎么打开编辑)

    mdb是什么格式(mdb格式的文件怎么打开编辑)

  • 麒麟990和麒麟820性能差距有多大(麒麟990和麒麟820哪个好)

    麒麟990和麒麟820性能差距有多大(麒麟990和麒麟820哪个好)

  • 微头条展现量什么意思(微头条1000展现量)

    微头条展现量什么意思(微头条1000展现量)

  • 中国移动app收不到验证码(中国移动app收不到验证码怎么回事)

    中国移动app收不到验证码(中国移动app收不到验证码怎么回事)

  • 换手机号支付宝还能用原来的吗(换手机号支付宝借呗会影响吗)

    换手机号支付宝还能用原来的吗(换手机号支付宝借呗会影响吗)

  • x86是32位系统吗(x86处理器是32位吗)

    x86是32位系统吗(x86处理器是32位吗)

  • hd620相当于什么独显(hd620是什么显卡)

    hd620相当于什么独显(hd620是什么显卡)

  • 新手机首次充电多少时间合适(新手机首次充电充多长时间)

    新手机首次充电多少时间合适(新手机首次充电充多长时间)

  • 微信夜间模式在哪里关闭(微信夜间模式在哪里设置vivo)

    微信夜间模式在哪里关闭(微信夜间模式在哪里设置vivo)

  • 手机长时间不用充电没反应怎么办(手机长时间不用会坏吗)

    手机长时间不用充电没反应怎么办(手机长时间不用会坏吗)

  • 华为屏幕抬起怎么关闭(华为手机怎么调抬起来手机就能亮屏)

    华为屏幕抬起怎么关闭(华为手机怎么调抬起来手机就能亮屏)

  • oppo强制恢复出厂设置(oppo强制恢复出厂coloros)

    oppo强制恢复出厂设置(oppo强制恢复出厂coloros)

  • 怎么在目录前添加空白页(怎么在目录里加东西)

    怎么在目录前添加空白页(怎么在目录里加东西)

  • 所选内容无效怎么处理(word所选内容无效是怎么回事)

    所选内容无效怎么处理(word所选内容无效是怎么回事)

  • vt怎么开启(vt怎么开启笔记本)

    vt怎么开启(vt怎么开启笔记本)

  • 怎么投诉滴滴司机不送乘客到目的地(怎么投诉滴滴司机收了现金平台又收钱)

    怎么投诉滴滴司机不送乘客到目的地(怎么投诉滴滴司机收了现金平台又收钱)

  • 快手评论不显示怎么办(快手评论不显示位置怎么设置)

    快手评论不显示怎么办(快手评论不显示位置怎么设置)

  • 华为手机里的照片怎么转移到U盘(华为手机里的照片在哪个文件夹)

    华为手机里的照片怎么转移到U盘(华为手机里的照片在哪个文件夹)

  • 如何关闭windows自动更新(如何关闭windows10自动更新)

    如何关闭windows自动更新(如何关闭windows10自动更新)

  • 手机打电话呼叫失败怎么回事(手机打电话呼叫转移怎么取消)

    手机打电话呼叫失败怎么回事(手机打电话呼叫转移怎么取消)

  • 商家支付宝收款扣钱吗(商家支付宝收款手续费多少)

    商家支付宝收款扣钱吗(商家支付宝收款手续费多少)

  • 小规模纳税人结转
  • 外贸企业进项税不抵扣分录
  • 行政事业性收据发票记帐
  • 出口报关单上面的运费怎么填
  • 小企业如何做帐
  • 消费税可以在企业抵扣吗
  • 借方是收入还是支出 正负号
  • 金税盘费服务费记入什么科目
  • 分支机构是否享受小微企业企业所得税优惠?
  • 编制利润表会计等式
  • 货物抵款协议书
  • 住宿费机打发票税率多少
  • 房地产企业预缴税费
  • 增值税申报税额填错了怎么进行填
  • 个税没有扣除项,需要填写和确认吗
  • 开发项目未竣工前土地使用税怎么缴纳
  • 事业单位固定资产管理办法
  • 小型微利企业核定征收
  • 经营周转资金需求
  • 职工食堂的费用可以抵税吗
  • 累计专项扣除比别人的多
  • 工资里的其他应收款是什么
  • 俄勒冈州邮编
  • php str函数
  • 应收账款 预收账款合并
  • avgserv9.exe是什么进程 avgserv9进程的详细介绍
  • php工程师职位描述
  • 客户尾款不付会计分录
  • Windows操作系统出现内存错误解决方法
  • vue3中使用require
  • 集团公司内部结构是什么
  • 个体工商户加盟咖啡店
  • idea如何运行ssm项目spring
  • imagestring php
  • 一般纳税人未取得增值税专用发票怎么处理
  • 发票多久过期不能开
  • springboot集成clickhouse
  • msg文件怎么创建
  • 苹果2021年在中国不能用了吗
  • 涂料消费税征税范围
  • 应收的货款
  • python中排序
  • php的框架
  • 餐具报损率一般为多少
  • 费用结转的方法有哪些
  • sql2008使用教程
  • PostgreSQL教程(九):事物隔离介绍
  • 核定征收企业可以享受研发费用加计扣除
  • 什么情况下增值税计入成本
  • 维修费成本怎么结转
  • 融资租赁咨询服务合同
  • 固定资产暂估折旧怎么算
  • 售后服务期多久
  • 微信转账和支付宝转账有法律效力么
  • 加计扣除怎么申报
  • 设计会计凭证
  • sql server数据库怎么使用
  • Linux下MySQL 5.5/5.6的修改字符集编码为UTF8的方法
  • mysql的密码忘了该怎么办
  • bios解除
  • 系统之家一键重装系统教程
  • WUSB54GS.exe - WUSB54GS是什么进程
  • win7禁用administrator登录
  • xp系统的程序和功能在哪里
  • 如何更改ubuntu下载源
  • win8进入电脑休眠后怎么唤醒
  • 怎么使用Win10自带绘画软件
  • linux打包压缩文件的命令
  • win7彻底删除的文件怎么恢复
  • linux的samba是什么
  • Tutorial 3: First Triangle
  • JavaScript实现QQ列表展开收缩扩展功能
  • node.js环境搭建
  • 分享两句话
  • jQuery实现表格与ckeckbox的全选与单选功能
  • android studio快捷键补全
  • shell定时删除指定目录下的文件夹
  • 城市配套费需要缴纳契税
  • 广西空置房物业费减免政策吗
  • 公办幼儿园和企办幼儿园区别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设