首页 > 其他分享 >Vue3动态路由

Vue3动态路由

时间:2022-10-13 14:14:39浏览次数:58  
标签:Users import User Vue3 router 动态 路由 users

1、引入router : 

import {useRouter} from 'vue-router'

2、定义

let router = useRouter();

3、动态添加路由

router.addRoute({name:"users", path: '/User/users', component: ()=>import("/src/views/User/Users.vue") });

4、跳转要用push,直接通过浏览器地址打不开

router.push("/User/Users")

 

标签:Users,import,User,Vue3,router,动态,路由,users
From: https://www.cnblogs.com/handsomeziff/p/16787970.html

相关文章

  • Vue动态组件 表格
    Vue组件数据源//这里是HTML内容这里通过下面的引入框架结构把数据源传到框架中还有匹配项<Mytable:configList="configList":configData="configData"></Mytable>......
  • Vue3组件间传值
    12种方式1.父组件./father.vue点击查看代码<template><h1>father:</h1><h3>子组件传过来的:{{abc}}</h3><inputtype="text"ref="inp"v-model="msg"......
  • HCIA学习笔记三十三:缺省路由
    一、缺省路由• 缺省路由是一种特殊的路由,可以通过静态路由配置,某些动态路由协议也可以生成缺省路由,如OSPF和IS-IS。• 在路由表中,缺省路由以到网络0.0.0.0(掩码为0.0.0......
  • C#.Net 如何动态加载与卸载程序集(.dll或者.exe)2----通过应用程序域AppDomain加载和卸
    实现目的:动态加载dll,执行完毕之后可以随时卸载掉,并可以替换这些dll,以在运行中更新dll中的类。其实就是通过应用程序域AppDomain加载和卸载程序集。在这方面微软有篇文章​​......
  • qiankun+vue,为什么我的子应用的子路由老是跳404?这么解决
    主要解决子应用内部跳转路由时,跳到404页的问题你能搜这个,我姑且认为你基本配置已经好了,而且主跳子的一级路由是正常的,请往下看忘说了,我的主应用和子应用都是Vue主应用......
  • 杂谈:我为啥不喜欢用新语法不喜欢用动态语句
    最近接手的代码,怎么说呢?原作者水平肯定是有的,而且很高。但是明显的一个感觉就是他特别喜欢用动态语句。喜欢用一些新语法。后来的一些改动,比较大的时候我直接就把动......
  • Mybatis---动态查询(choose,when,otherwise)
    choose(when,otherwise)标签有时候我们并不想应用所有的条件,而只是想从多个选项中选择一个。而使用if标签时,只要test中的表达式为true,就会执行if标签中的条件。MyBat......
  • webpack5 + vue3 打包问题
    1,打包后本地访问空白或者404问题解决办法:  2, 打包CSS图片路径不正确问题在生产模式下,使用的MiniCssExtractPlugin.loader代替style-loader,但图片、字体等资源......
  • 以斐波那契分析动态规划
    递归最原始的解法,教科书上都是这样写的classSolution{publicintfib(intn){if(n==0)return0;if(n==1)return1;returnf......
  • pfSense使用ddns-go,实现阿里云、腾讯云动态域名解析
    ​​ddns-go​​是一个简单易用的DDNS,能自动更新域名解析到公网IP,支持Alidns(阿里云)、Dnspod(腾讯云)、Cloudflare、华为云、Callback、百度云、porkbun、GoDaddy、Goo......