【原】vue-router中params和query的区别

1.引入方式不同

query要用path来引入

this.$router.push({path: 'test',query: {type: 2,detail: '哈哈'}
})

params要用name来引入

this.$router.push({name: 'test',params: {type: 2,detail: '哈哈'}
})

2.url不同

query在url中显示参数，类似的get请求

http://localhost:8080/detail?type=0&detail=哈哈

params在url中不显示参数，类似的post请求

http://localhost:8080/detail

【原】vue-router中params和query的区别相关推荐

vue中params和query的区别，以及具体用法
query传递参数会在url后面用?连接起来,且参数之间用&&符号连接然后显示在页面的url中:params传递参数不会显示在页面中:query有点像ajax中的get请求,而para ...
params和query的区别
params和query的区别引入方式不同: query要使用path来引入,params要使用name来引入,接受参数格式类似,引用分别是this.route.query.name和this.ro ...
vue router 的路由传参 params 和 query 的区别
1. 不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}&qu ...
vue中params与query区别
关于vue-router 中参数传递的那些坑(params,query) vue-router传递参数分为两大类: 编程式的导航 router.push 声明式的导航 **query和params的区 ...
vue router中hash模式和history模式的区别
面试问答 hash 模式与 history 模式的区别,这个也是面试常问的问题,不要小看这道题其实问到这里的时候那个面试官应该是个大牛,开发经验丰富,这个题其实就是考验你的开发经验是否属实. ...
Vue.js中 computed 和 methods 的区别
官方文档中已经有对其的解释了,在这里把我的理解记录一下Vue中的methods.watch.computed computed 的使用场景 HTML模板中的复杂逻辑表达式,为了防止逻辑过重导致不易维护 ...
vue项目中assets与static的区别
在使用vue脚手架生成的目录中,会有一个src/assets还有一个static. 两者都可以用来放一些静态文件.那有什么区别呢? static中的文件不会被webpack打包,文件被复制到dist/ ...
axios中params和data的区别
在开发项目的过程中我们往往忽略了一点,请求接口的传参方式,习惯了post请求就用data,get请求就用params. params是添加到url的请求字符串中的,用于get请求.服务器并不会读取h ...
vue router 路由跳转方法概述
一.概述使用到Vue的项目,我们最常见使用的就是Vue配套的Vue Router库. 那么在平日开发中,有多少种跳转路由的方法? 二.跳转方法 1.使用router-link标签使用router- ...

【原】vue-router中params和query的区别

1.引入方式不同

2.url不同

【原】vue-router中params和query的区别相关推荐

最新文章

热门文章