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

  • 微信如何设置优先支付的付款方式(微信如何设置优惠折扣)

    微信如何设置优先支付的付款方式(微信如何设置优惠折扣)

  • powerpoint主题怎么设置(powerpoint主题内容)

    powerpoint主题怎么设置(powerpoint主题内容)

  • mate30声音偏小(mate30声音调节不方便)

    mate30声音偏小(mate30声音调节不方便)

  • 微型计算机系统出现死机的硬件故障原因(微型计算机系统包括)

    微型计算机系统出现死机的硬件故障原因(微型计算机系统包括)

  • 电脑系统坏了(电脑系统坏了怎么修复win10)

    电脑系统坏了(电脑系统坏了怎么修复win10)

  • 无法关闭微信,请手动关闭后重试(无法关闭微信广告)

    无法关闭微信,请手动关闭后重试(无法关闭微信广告)

  • 抖音的pid是什么(抖音店铺pid是什么意思)

    抖音的pid是什么(抖音店铺pid是什么意思)

  • 屏幕换tp是什么意思(换过tp得屏幕坏处)

    屏幕换tp是什么意思(换过tp得屏幕坏处)

  • b站卸载了重装缓存还在吗(b站卸载了重装会怎么样)

    b站卸载了重装缓存还在吗(b站卸载了重装会怎么样)

  • 华为mate20pro屏幕刷新率(华为mate20pro屏幕尺寸)

    华为mate20pro屏幕刷新率(华为mate20pro屏幕尺寸)

  • 手机号注销了还能补吗(手机号注销了还能查到实名吗)

    手机号注销了还能补吗(手机号注销了还能查到实名吗)

  • mg4j2ch a是全网通吗(mg4j2ch/a是什么版本)

    mg4j2ch a是全网通吗(mg4j2ch/a是什么版本)

  • 抖音发视频如何添加定位(抖音发视频如何赚钱)

    抖音发视频如何添加定位(抖音发视频如何赚钱)

  • 荣耀手环4怎么接打电话(荣耀手环4怎么充电)

    荣耀手环4怎么接打电话(荣耀手环4怎么充电)

  • ps材质是食品级吗(食品级ps和pp材质的区别)

    ps材质是食品级吗(食品级ps和pp材质的区别)

  • a1566是ipad第几代(a1566是ipad第几代什么型号)

    a1566是ipad第几代(a1566是ipad第几代什么型号)

  • 银行卡留的电话怎么改(银行卡留的电话号码如何重新更改)

    银行卡留的电话怎么改(银行卡留的电话号码如何重新更改)

  • 桂林扫码乘车怎么使用(在桂林坐公车怎么刷二维码)

    桂林扫码乘车怎么使用(在桂林坐公车怎么刷二维码)

  • realmex是啥手机(realmex手机怎么样值得买吗)

    realmex是啥手机(realmex手机怎么样值得买吗)

  •  oppor17通话设置在哪(oppor15通话设置)

    oppor17通话设置在哪(oppor15通话设置)

  • pr加字幕的快捷方法(pr加字幕的快捷方法pr2018)

    pr加字幕的快捷方法(pr加字幕的快捷方法pr2018)

  • 联想lenovo ideapad笔记本电脑开机进入BIOS的方法及BIOS设置全攻略(联想lenovo ideapad 320-15AST)

    联想lenovo ideapad笔记本电脑开机进入BIOS的方法及BIOS设置全攻略(联想lenovo ideapad 320-15AST)

  • 鸿蒙系统怎样开启游戏助手?鸿蒙系统开启游戏助手教程(鸿蒙系统怎样开启5G)

    鸿蒙系统怎样开启游戏助手?鸿蒙系统开启游戏助手教程(鸿蒙系统怎样开启5G)

  • 鸿蒙系统微电影创作功能怎么使用?鸿蒙微电影创作使用方法(鸿蒙可以看小电影吗)

    鸿蒙系统微电影创作功能怎么使用?鸿蒙微电影创作使用方法(鸿蒙可以看小电影吗)

  • 怎么把WinPE的ios安装到硬盘?安装winpe到硬盘的教程(winpe怎么安装到u盘)

    怎么把WinPE的ios安装到硬盘?安装winpe到硬盘的教程(winpe怎么安装到u盘)

  • windows7旗舰版系统魔兽争霸Dota画面不清晰的解决(win7旗舰版系统怎么样)

    windows7旗舰版系统魔兽争霸Dota画面不清晰的解决(win7旗舰版系统怎么样)

  • 公司替员工承担个税怎么入账
  • 以个人名义汇货要交税吗
  • 政府会计制度等式
  • 税款所属期错了怎么更正
  • 子公司借钱给母公司的会计处理
  • 房地产企业年报台账怎么填
  • 母公司获得分红怎么做账
  • 购买金税盘抵扣
  • 劳务派遣人员工资可以由用工单位发放么
  • 委托出口货物是什么科目
  • 会计核算过程中的错误分析
  • 工程预付款是否监管
  • 住宿发票抵扣怎么做账
  • 什么叫应纳税额什么与什么的比率叫做税率
  • 由于疏忽装修费用之前没有摊销应如何处理
  • 付款单中未全付款怎么办
  • 人工费增值税的税率是多少?
  • 自持是啥意思
  • 其他业务收入是什么意思
  • 进项票一定要专票吗
  • 定期定额户需要自己申报吗
  • 一般纳税人转小规模怎么办理
  • 挂靠公司代收入税金如何做分录?
  • 营改增的纳税人
  • 纳税能力体现的内容
  • 所得税收入减免政策
  • 外币账户利息结汇
  • 汽车展厅布置需要什么
  • macbookair怎么设置屏幕
  • centos只有lo
  • 怎么激活对话框取消
  • PHP:Memcached::addServers()的用法_Memcached类
  • 新会计准则2020变化
  • PHP:is_executable()的用法_Filesystem函数
  • PHP:cal_days_in_month()的用法_日历函数
  • 合伙搞养殖
  • 小企业会计准则
  • 企业接受捐赠的税务处理
  • php创建视图
  • php tr td
  • 公司股东年底分红怎么做账
  • 申报个体经营所得税款所属期怎么填
  • 企业期末结转本期实现的各项收入
  • 2023 年值得关注的 9 个 Web3 发展趋势
  • xch 未来
  • 数据挖掘的四种基本方法
  • 学长学姐面试要注意哪些细节
  • 自然人税收管理系统
  • 公司买汽车计入什么费用
  • vue 生产环境
  • 物流企业财务流程
  • 生产费用在完工产品和在产品之间的方法
  • 单一窗口报关是指什么
  • mssql备份数据库
  • 固定资产减值准备可以转回吗
  • 建筑企业预缴税款怎么算
  • 医院药品进销差价会计核算
  • 预收帐款一直挂账好吗
  • 验资账户需要对账吗
  • 非正常损失的原因是什么
  • 企业备用金怎么做账
  • 会计备注一般写什么
  • sqlserver游标的使用场景
  • 如何制作u盘系统win7
  • win10 64位开机卡在登录界面的解决办法
  • 电脑win7怎么样
  • mac文件权限
  • windows2008
  • Win7系统桌面图标变小
  • win7怎么设置鼠标双击打开
  • linux在vim编辑器中,将光标移动
  • js前端导出word
  • django教程推荐
  • android怎么学
  • 政府补贴 收入
  • 江苏省国家税务局电话号码
  • 代收国税地税收入
  • 电子税务局政策速递
  • 山东威海文登宋村镇有哪些村
  • 深圳税务局完税证明
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设