首页 > 其他分享 >vue-router跳转页面的两种方式

vue-router跳转页面的两种方式

时间:2022-08-16 11:55:59浏览次数:42  
标签:vue 跳转 dfdf push path msg router

1.通过path地址

(1)query传参:/path?key1=value&key2=val2...

 this.$router.push(`/detail/${this.msg}/dfdf`)

 (2)params传参:/path/${this.msg}/dfdf

this.$router.push(`/detail/${this.msg}/dfdf`)

2. 通过路由name跳转

this.$router.push({name:'news '})

标签:vue,跳转,dfdf,push,path,msg,router
From: https://www.cnblogs.com/hxy--Tina/p/16591069.html

相关文章

  • Vue项目中select下来选项绑定国际化语言
    1.当切换语言的时候,想要响应式地更新下拉选项,关键点是用$t(item.label)取得语言。注意item.label左右是不带引号的,否则会当作原字符串输出。<el-selectv-mo......
  • vue 调用摄像头 Demo2
    代码html<videoid="videoCamera":width="videoWidth":height="videoHeight"autoplay></video><canvasstyle="display:none"id="canvasCamera":width="......
  • 【JAVA UI】abilitySlice或ability以Action方式跳转
    ​参考资料PageAbility基本概念【HarmonyOS】【JAVAUI】abilitySlice和ability跳转方式【HarmonyOS】【FAQ】鸿蒙问题合集4代码实现1、准备工作新建一个TwoAbilit......
  • Vue中经常出现 报错:Component name “xxxx“ should always be multi-word.
    报错:Componentname“xxxx”shouldalwaysbemulti-word.意思是说组件名"xxxx"应该总是多个单词,其实就是eslint报出我的组件名称命名不规范,应该采用驼峰命名法。解决方......
  • $router和$route的区别
    原文链接:https://blog.csdn.net/xunfengZ/article/details/109670979 总的来说,$router是用来操作路由的,$route是用来获取路由信息的。1.$router是VueRouter的一个实......
  • Vue 组件化编程
    Vue组件化编程  非单文件组件一个文件中包含n个组件。<!DOCTYPEhtml><html><head><metalang="zh-cn"><metacharset="UTF-8"><title></titl......
  • vue js 计时器setInterval(),setTimeout() 循环调用,定时调用
    setInterval():他就是每隔多少秒或毫秒调用(循环的调用)。setTimeout():他就是过了多少秒或毫秒调用(调用一次)。//过500毫秒调用setTimeout(()=>{//方法区},500);//......
  • vue3------组件生命周期
    组件的生命周期是指:组件从创建 →运行(渲染)→销毁的整个过程 完整的生命周期: ......
  • vue简单实现一个table组件
    看到elementUI封装的el-table组件觉得很有意思,就自己简单实现了自己的一个table组件,具体功能有 columns:表头 data:数据 border:是否有边框 zebra:是否有斑马纹 ......
  • VUE+Django前后端分离-第三部分【前后端数据传递】
    一、前端代码首先:前端中任何变量都要被定义,具体如下:   <template><div><h3>推置引擎测试界面</h3><el-form:inline="true":model="for......