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

  • 荣耀x10如何更换字体(荣耀x10如何更换锁屏壁纸)

    荣耀x10如何更换字体(荣耀x10如何更换锁屏壁纸)

  • iphone时间旁边的箭头是什么(iphone时间旁边的猫爪)

    iphone时间旁边的箭头是什么(iphone时间旁边的猫爪)

  • 苹果xs锁屏下怎么开手电筒(苹果xs锁屏怎么设置)

    苹果xs锁屏下怎么开手电筒(苹果xs锁屏怎么设置)

  • 长边打印和短边打印有什么区别(长边打印和短边打印的区别图片)

    长边打印和短边打印有什么区别(长边打印和短边打印的区别图片)

  • 华为mate30声音小怎么回事(华为mate30声音小有杂音怎么办)

    华为mate30声音小怎么回事(华为mate30声音小有杂音怎么办)

  • 视频为什么不能横屏播放(视频为什么不能发朋友圈)

    视频为什么不能横屏播放(视频为什么不能发朋友圈)

  • 抖音好友在线时间准吗(抖音好友在线时间改变了)

    抖音好友在线时间准吗(抖音好友在线时间改变了)

  • 4415y相当于i5多少(4415u相当于i5哪个级别)

    4415y相当于i5多少(4415u相当于i5哪个级别)

  • wps怎么把两个表格合并成一个(wps怎么把两个表格合并成一个表格)

    wps怎么把两个表格合并成一个(wps怎么把两个表格合并成一个表格)

  • 路由器接口不够用怎么办(路由器接口不够用,怎么添加交换机)

    路由器接口不够用怎么办(路由器接口不够用,怎么添加交换机)

  • 平板电脑怎样连接无线网络?(平板电脑怎样连接手机网)

    平板电脑怎样连接无线网络?(平板电脑怎样连接手机网)

  • 华为蓝牙耳机丢了怎么找回(华为蓝牙耳机丢了能找到吗)

    华为蓝牙耳机丢了怎么找回(华为蓝牙耳机丢了能找到吗)

  • 华为手机屏幕左上角hd(华为手机屏幕左上角图标怎么消除)

    华为手机屏幕左上角hd(华为手机屏幕左上角图标怎么消除)

  • 集五福能开几次奖(集五福只能开一次吗)

    集五福能开几次奖(集五福只能开一次吗)

  • 怎么增加手机声音(如何增加手机的声音效果)

    怎么增加手机声音(如何增加手机的声音效果)

  • 微信图片如何放大看(微信图片如何放到电脑上)

    微信图片如何放大看(微信图片如何放到电脑上)

  • 电脑扫描文件怎么弄(电脑扫描文件怎么弄成文档)

    电脑扫描文件怎么弄(电脑扫描文件怎么弄成文档)

  • 苹果手机怎么上purnhub(苹果手机怎么上youtube)

    苹果手机怎么上purnhub(苹果手机怎么上youtube)

  • 抖音关注5000已满怎么办(抖音关注5000已满怎么办能不能扩大)

    抖音关注5000已满怎么办(抖音关注5000已满怎么办能不能扩大)

  • 美团袋鼠豆在哪里找(美团外卖的袋鼠)

    美团袋鼠豆在哪里找(美团外卖的袋鼠)

  • qq手机文件保存位置(qq手机文件保存的位置在哪里)

    qq手机文件保存位置(qq手机文件保存的位置在哪里)

  • 微信商业收款有限额吗(微信商业收款有风险吗)

    微信商业收款有限额吗(微信商业收款有风险吗)

  • 怎样用手机给mp3下歌(怎样用手机给mp3传歌 视频)

    怎样用手机给mp3下歌(怎样用手机给mp3传歌 视频)

  • 【uniapp】uniapp input 焦点聚焦失败【已解决】(uniapp intent)

    【uniapp】uniapp input 焦点聚焦失败【已解决】(uniapp intent)

  • win7系统下载安装WPS后主页被篡改的解决方法(win7安装包下载)

    win7系统下载安装WPS后主页被篡改的解决方法(win7安装包下载)

  • 【2023亲测可用】JS 获取电脑本地IP 和 电脑网络IP(外网IP|公网IP)

    【2023亲测可用】JS 获取电脑本地IP 和 电脑网络IP(外网IP|公网IP)

  • 小规模多计提增值税税率
  • 制造费用科目一定无余额
  • 开具红字专用发票的条件
  • 律师事务所的所训
  • 实际已缴纳所得税额不自动带出
  • 公司为员工买零食
  • 合同取得成本如何分析
  • 事业单位合并财务交接
  • 未经过他人同意贷款怎么处理
  • 增值税普通发票和普通发票的区别怎么交税
  • 股权转让所得交所得税吗
  • 股利支付率怎么找数据
  • 合同履约成本合同结算如何处理抵消
  • 药品回扣2021
  • 调解书和判决书执行力度一样吗
  • 劳务费发票可以含材料费吗
  • 税控盘维护费抵减分录
  • 已交税金是什么科目
  • 药品增值税简易征收
  • 公司注销后资产属于谁
  • 固定资产 盘点
  • 用友加密狗可以拔下来么
  • 清产核资的步骤
  • 事业单位洗车费如何入账
  • 个税0申报逾期一年
  • 转让金融商品应交增值税计算公式
  • 报销冲借款是什么意思
  • linux命令解析
  • 广告公司广告费会计分录
  • 待抵扣进项税额和待认证进项税额的区别
  • 附有退货条款的销售
  • 自定义发件人邮件
  • 纳税评估一般程序包括
  • 绣球花的叶子出现了斑点,这是怎么了?
  • wordpress上传文件限制
  • 向投资者分配现金股利 为什么会导致所有者权益减少?
  • 股东股权转让税务稽查案例
  • springboot和vue结合
  • 残疾人就业保障金计入什么科目
  • 小餐饮需要交什么税
  • 看望职工家属可以计入福利费吗
  • 个人出租房屋要交印花税吗
  • 公司开一般户经办人是会计还是出纳好
  • 超市的购物卡以什么为准
  • css设置旋转动画
  • 现金流量表的编制公式 计算公式
  • 无偿调入的固定资产怎么记账
  • 银行存款为负数可以结账吗
  • mysql数据库性能优化方法有哪些
  • 按月缴纳增值税的纳税人申报期限为计算期次月的( )
  • 一般纳税人每月开票不能超过多少
  • 营业总收入同比增长怎么分析
  • 增值税进项发票如何做账
  • 慰问金计入什么部门经济分类
  • 投资性房地产从成本模式转为公允价值模式
  • 先收款次月发票怎么做账
  • 同一客户有应收应付可以相互抵消吗
  • 进项税额转出之后怎么处理
  • 房地产实收资本怎么算
  • 生产经营所得成本费用怎么算
  • 现金日记账和银行存款日记账必须逐日结出余额
  • 递延收益为什么属于负债
  • java连接mysql数据库教程
  • windows8.1大小
  • 让windows10蓝屏
  • 电脑超频以后变得很卡
  • 本地电脑的网卡物理地址
  • win10内置管理员账户禁用
  • win7回收站图标在哪个文件夹
  • linux文本操作命令
  • opengl深度值与z值
  • js怎么写java代码
  • javascript的数据类型有哪些?
  • 安卓底层重写
  • shell 批量删除
  • document对象的常用方法
  • 【Android】利用Notification操作设备的通知栏
  • javascript怎么学
  • 纳税工会经费申请怎么写
  • 税务局纳税服务品牌
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设