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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

Gabriel.c   2022-12-07 我要评论

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 };
};

总结

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们