vue在.js文件中如何进行路由跳转
短信预约 -IT技能 免费直播动态提醒
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