位置: 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注入语句万能密码)

  • 工资完整的账务处理
  • 金税三期的内容是什么
  • 城市维护建设税优惠政策
  • 5元印花税怎么申报
  • 要约收购期满
  • 发票与入库单明细不一致税务可以吗
  • 减免增值税申报表
  • 税务发票上的二维码
  • 营改增后转让土地使用权交什么税
  • 原始凭证包括会计档案吗
  • 长期股权投资的账务处理
  • 产品因质量问题造成损害的,应当承担责任的主体是
  • 技术服务发票是劳务发票吗
  • 个人所得税返还奖励财务人员做账
  • 会员卡系统多少钱一套
  • 三代税款手续费是什么意思
  • 长期债权投资业务处理
  • 红字发票记账如何记账
  • 植物租赁方案
  • 上市公司的组织形式
  • 山毛榉树林里的草叫什么
  • 其他应收和其他应付可以共用吗
  • 董事费属于什么费用
  • PHP 中TP5 Request 请求对象的实例详解
  • 非居民纳税人可以做汇算清缴吗
  • 闲置的固定电话机怎么改装
  • 开发费用怎么入账
  • 企业所得税包含在税金及附加里面吗
  • 谷歌浏览器跨域解决方案
  • 错误解决方法
  • 自动化测试是怎样的
  • 合伙企业退伙个税
  • 怎样合理的运用网络
  • 印花税契税入固定资产吗
  • 印花税实收资本和资本公积
  • mysql无法连接到服务器
  • 预提费用汇缴时间怎么算
  • 汇兑损益可能被确认为
  • 银行存款日记账填写样本图
  • 合营企业和联营企业构成关联方吗
  • 购买增值税发票系统属于什么科目?
  • 免税农产品范围目录的文件
  • 什么情况下增值税进项税额转出
  • 办公室装修用什么材料便宜
  • 个人劳务报酬的个税
  • 重复报销怎么写情况说明
  • 计提工会经费并上缴是什么意思
  • 电脑入账如何做凭证
  • 固定资产处置的会计科目
  • 未达起征点增值税申报表怎么填
  • 增值税期末留抵退税
  • 拆迁补偿如何进行
  • 电费应收和实收怎么算
  • 低值易耗品意思
  • 扣缴个人所得税申报表模板
  • 金税盘服务费可以退吗
  • 没签劳动合同的后果
  • 收取客户好处算违法吗
  • 汇算清缴调增的工资怎么做账
  • 未分配利润转增股本要交税吗
  • 暂估材料发票长期不到
  • 应收应付的意思
  • 材料的运费计入哪个科目
  • win8.1纯净版下载
  • mac支持的字体格式
  • 卸载软件后整个盘都清空了
  • centos bz
  • centos查看inode
  • win7系统笔记本无线网络找不到
  • win7电量
  • cocos2d环境配置
  • python必学的os模块详解
  • sell脚本
  • [置顶]JM259194
  • 优化lr
  • [置顶]星陨计划
  • js如何使用
  • js实现vue
  • 房产税的计税依据与税率分别是什么
  • 供给决定需求,需求影响供给
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设