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

动态路由

时间:2022-08-25 15:33:10浏览次数:72  
标签:abc useRoute route params home 动态 路由

在路由配置里面,路径后面加 /:值 ,那么路径就会有了参数

例子 :  

{
  name:'home',
  path:'/home/:abc',
  component:Home
}
<router-link to="/home/875">Home</router-link>

那么我在home页面如何得到动态路由的参数呢? params
<template>
 模板 :  <div>home {{$route.params.abc}}</div>
</template>

 js : 
<script setup>
  import { useRoute } from 'vue-router'
  const route =  useRoute()
  console.log(route.params.abc)
</script>

 

标签:abc,useRoute,route,params,home,动态,路由
From: https://www.cnblogs.com/qd-lbxx/p/16624429.html

相关文章

  • vue接口获取路由菜单
    menuFormat.js(格式化路由表)exportconstinitMenu=(data)=>{letlist=[];data.forEach(router=>{let{path,comp......
  • react实战系列 —— React 中的表单和路由的原理
    其他章节请看:react实战系列React中的表单和路由的原理React中的表单是否简单好用,受控组件和非受控是指什么?React中的路由原理是什么,如何更好的理解React应用的......
  • ctfhub Linux动态加载器无x权限执行elf文件
    动态库链接器/加载器   当需要动态链接的应用被操作系统加载时   系统必须要定位然后加载它所需要的所有动态库文件   在Linux环境下,这项工作是由ld-linux.so.......
  • 动态规划——leetcode55、跳跃游戏
    题目描述: 解题方法:动态规划动态规划解题步骤:确定状态:最后一步:如果能跳到最后一个下标,我们考虑他的最后一步到n-1(最后一个下标),这一步是从i跳过......
  • C++ 静态库、动态库使用Cmake构建系统
    案例1:无静态库、动态库参与文件目录结构1假设include目录存放头文件data.h包含函数声明,src目录存放对应的data.cpp文件包含函数定义、以及一个全局变量。main.cpp存放在......
  • 动态规划之——矩阵连乘问题
    先看问题描述:给定7个数字30、35、15、5、10、20、25,只能相邻的两个数字组成矩阵,即:30*35、35*15、15*5、5*10、10*20、20*25共计6个矩阵,且只能相邻的两个矩阵相乘。求矩阵......
  • 历时2月,动态线程池 DynamicTp 发布里程碑版本 V1.0.8
    关于DynamicTpDynamicTp是一个基于配置中心实现的轻量级动态线程池管理工具,主要功能可以总结为动态调参、通知报警、运行监控、三方包线程池管理等几大类。经过多个版......
  • 通过字符串动态实现效果
    动态导包import('')动态获取属性__getattribute__和getattrclassA:a=1def__init__(self):self.b=2@staticmethoddefgetname():......
  • ASP.NET-WebForm动态网站开发技术(学习笔记)一
    ASP.NET-WebForm动态网站开发技术ASP开发概述静态网页与服务器技术 静态网页 以.html或.htm结尾的网页只能单纯的显示文本和图像 无法和用户交互,无法根据用户的......
  • 动态尺寸模型优化实践之Shape Constraint IR Part I
    简介: 在本系列分享中我们将介绍BladeDISC在动态shape语义下做性能优化的一些实践和思考。本次分享的是我们最近开展的有关shapeconstraintIR的工作,PartI中我们将介绍......