我的编程空间,编程开发者的网络收藏夹
学习永远不晚

vue在.js文件中如何进行路由跳转

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

vue在.js文件中如何进行路由跳转

vue在.js文件中进行路由跳转

我们在.vue文件中js跳转路由是this.$router.push("/")

在.js文件中,只需要先引入router 然后 router.push("/") 进行跳转

import router from'…/router'
router.push('/');

在ts/js文件中跳转路由写法(不是在vue文件中跳转路由)

<template>
  <a-button @click="goto">跳转页面</a-button>
</template>
<script setup name="detail" lang="ts">

  import { useDetail } from './useDetail';

  const { goto } = useDetail();
</script>
<style lang="less" scoped></style>
import { useRouter } from 'vue-router';

export const useDetail = () => {
  // const router = useRouter(); //方法一
  const { replace } = useRouter();//方法二
  const goto = () => {
    // router.replace({ name: 'finance-proj-reimburse-list' }); //方法一
    replace({ path: '/finance/proj-reimburse-list/' });//方法二
  };
  return { goto };
};

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

vue在.js文件中如何进行路由跳转

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

vue在.js文件中如何进行路由跳转

这篇文章主要介绍了vue在.js文件中如何进行路由跳转,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-12-08

vue如何进行路由跳转

这篇文章主要介绍“vue如何进行路由跳转”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue如何进行路由跳转”文章能帮助大家解决问题。一、使用vue-routervue-router 本质是一个第三
2023-07-04

vue中如何实现路由跳转

这篇文章主要介绍vue中如何实现路由跳转,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!跳转方式:1、用“”语句;2、用“this.$router.push()”语句;3
2023-06-25

vue两个路由之间如何进行跳转(方法浅析)

Vue是一款非常流行的JavaScript框架,它允许我们通过构建组件化的Web应用程序来提高开发效率。Vue.js的路由系统允许我们在不同的页面之间导航,本文将介绍如何进行Vue两个路由之间的跳转。Vue的路由是通过vue-router插件来完成的。vue-router插件提供了一个router实例,该实例允许我们定义和管理应用程序的路由。为了使用vue-router,我们需
2023-05-14

如何在Android中将Uri与文件路径进行转换

如何在Android中将Uri与文件路径进行转换?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。public class GetPathFromUri { /**
2023-05-30

Vue+ElementUi实现点击表格中链接进行页面跳转与路由详解

在vue中进行前端网页开发时,通常列表数据用el-table展示,下面这篇文章主要给大家介绍了关于Vue+ElementUi实现点击表格中链接进行页面跳转与路由的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-02-13

如何在 Gin 路由器中渲染静态文件?

学习知识要善于思考,思考,再思考!今天编程网小编就给大家带来《如何在 Gin 路由器中渲染静态文件?》,以下内容主要包含等知识点,如果你正在学习或准备学习Golang,就都不要错过本文啦~让我们一起来看看吧,能帮助到你就更好了!问题内容我想
如何在 Gin 路由器中渲染静态文件?
2024-04-05

如何在Python中进行文件操作

如何在Python中进行文件操作文件操作是编程中常见的任务之一,而Python提供了丰富的文件操作功能和简洁的语法来帮助我们有效地进行文件的读写和处理。本文将介绍如何在Python中进行文件操作,并提供一些具体的代码示例。打开和关闭文件在进
2023-10-22

vscode中如何开发一个支持vue文件跳转到定义的插件

本篇内容主要讲解“vscode中如何开发一个支持vue文件跳转到定义的插件”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vscode中如何开发一个支持vue文件跳转到定义的插件”吧!插件vsco
2023-07-04

如何在Python中进行文件读写操作

如何在Python中进行文件读写操作文件是我们存储和处理数据的重要工具之一。在Python中,通过文件读写操作可以实现数据的输入和输出,方便我们对数据进行分析、处理和存储。本文将介绍如何在Python中进行文件读写操作,并提供具体的代码示例
2023-10-27

如何在golang中使用WebSocket进行文件传输

如何在golang中使用WebSocket进行文件传输WebSocket是一种支持双向通信的网络协议,能够在浏览器和服务器之间建立持久的连接。在golang中,我们可以使用第三方库gorilla/websocket来实现WebSocket功
如何在golang中使用WebSocket进行文件传输
2023-12-18

如何在spring中对配置文件进行加密

这篇文章将为大家详细讲解有关如何在spring中对配置文件进行加密,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。通过继承spring配置类并重写处理方法实现密文解密public class
2023-05-30

如何在IDEA中jclasslib对class文件进行修改

这篇文章给大家介绍如何在IDEA中jclasslib对class文件进行修改,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。idea安装jclasslib-bytecode-viewer插件file–>settings–
2023-06-06

如何在R语言中对文本文件进行读写

如何在R语言中对文本文件进行读写?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。具体如下:read.table(file,sep,hesder)#file 文件路径#sep 分隔
2023-06-08

编程热搜

目录