eg.
1.query
this.$router.push({
path: 'newApply',
query: {
type: item.key,
typeDesc: item.value
}
})
2.params
this.$router.push({
name: 'newApply',
params: {
type: item.key,
typeDesc: item.value
}
})
比較用法
1.用法
query要用path來引入垂谢,params要用name來引入艾扮,接收參數(shù)都是類似的,分別是this.$route.query.name和this.$route.params.name。
2.url地址顯示
query更加類似于我們ajax中g(shù)et傳參,params則類似于post坛善,說的再簡單一點,前者在瀏覽器地址欄中顯示參數(shù)邻眷,后者則不顯示
query
http://localhost:8080/workorder/newApply?type=BOX_DEPLOY&typeDesc=%E5%B0%8F%E7%99%BD%E7%9B%92%E9%83%A8%E7%BD%B2
params
http://localhost:8080/workorder/newApply
3.注意點
query刷新不會丟失query里面的數(shù)據(jù)
params刷新 會會 丟失 params里面的數(shù)據(jù)