首页 > 其他分享 >vue传参之路由传参

vue传参之路由传参

时间:2022-10-18 17:11:07浏览次数:68  
标签:传参 vue params push home id 路由

query传参 参数会在链接后面显示,刷新不会消失
this.$router.push({ path: "/home", query: { id: 1 }, });
params传参 参数不会显示在链接后面,刷新会消失
      this.$router.push({
        name: "/home",
        params: { id: 1 },
      });

标签:传参,vue,params,push,home,id,路由
From: https://www.cnblogs.com/cjyget/p/16803273.html

相关文章

  • vue源码分析-插槽原理
    Vue组件的另一个重要概念是插槽,它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。这一节将围绕官网对插......
  • vue 根据url下载图片方法
    downloadByBlob(url,name){letimage=newImage()image.setAttribute('crossOrigin','anonymous')image.src=urlimage.onload=()=>{......
  • vue-java (Get / Post 传参)
    我在controller层传的参数是List时报Noprimaryorsingleuniqueconstructorfoundforinterfacejava.util.List于是加了@RequestParam,结果报Requiredrequestparame......
  • 《Vue3.x+TypeScript实践指南》已出版
    转眼回长沙快2年了,图书本在去年就已经完稿,因为疫情,一直耽搁了,直到这个月才出版!疫情之下,众生皆苦!感觉每天都是吃饭、睡觉、上班、做核酸!图书介绍为了紧跟技......
  • Vue3 + elementplus 表单验证+上传图片+ 防止表单重复提交
    首先,上官网地址https://element.eleme.cn/#/zh-CN/component/form首先页面上面用了弹窗的形式,做完之后长这样,有全屏,关闭等按钮,上效果图和完整代码!!!!!   <!--点击......
  • 在Vue项目中使用Echarts : Echarts中的常用组件--堆叠面积图
    一、安装并全局引入1、通过npm获取echartsnpminstallecharts--save2、在main.js中添加下面两行代码在main.js中引入5.0以下版本 importechartsfrom'echar......
  • 多臂路由配置
    1、配置路由器[Huawei]sysnameAR1[AR1]intg0/0/1[AR1-GigabitEthernet0/0/1]ipadd192.168.200.124[AR1-GigabitEthernet0/0/0]intg0/0/0[AR1-GigabitEtherne......
  • vue3引入echarts
    安装npminstallecharts--savemain.tsimport{createApp}from'vue'import'./style.css'import*asechartsfrom'echarts'importAppfrom'./App.vue......
  • vue中view-model双向绑定基础原理
    利用Object.defineProperty进行数据劫持代码如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-......
  • vue-router中query和params的区别
    一.query和params的知识点理解/data/:id这个路由匹配/data/1,/data/2这里的id叫params/data?id=1/data?id=2这里的id叫queryparams方法传参时,要在路由后面加......