1.路由傳參:query
data:{
name:'',
obj:{
a:1,
b:2
}
}
<router-link :to="{path:'/home',query:obj}"></router-link>
const route={
path:'/home',
name:'home',
component:home
}
2.路徑傳參:params
//第一種:
<router-link to="/home/123/234"></router-link>
//路徑傳參 只能寫name 不能寫path
//第二種:
<router-link :to="{name:'home',params:{qqq:123,aaa:234}}">
</router-link>
const route={
path:'/home/:qqq/:aaa',
name:'home',
component:home
}
複製程式碼
query傳參 和 params傳參方式
相關文章
- vue傳參之通過Vue屬性$route的params傳參Vue
- react中路由傳參和url傳參React路由
- 何時以引用方式傳參
- sc-token傳參方式20240613
- python函式的入參和傳參Python函式
- 前端Ajax中請求資料中body和query傳參的方法前端
- Java傳參傳值Java
- 032、Vue3+TypeScript基礎,巢狀子路由和query傳參VueTypeScript巢狀路由
- 【SpringMVC】傳參SpringMVC
- [SpringMVC] 傳參SpringMVC
- vue路由傳參的三種基本方式Vue路由
- get方式傳參的以post方法傳的解決方法
- 傳參問題
- Vue路由傳參Vue路由
- angular路由傳參Angular路由
- SCSS @mixin傳參CSS
- 頁面渲染傳參的方式 – Node實戰
- Vue 路由傳值(傳參)詳解Vue路由
- Vue查詢傳參Vue
- react router路由傳參React路由
- 網頁地址傳參網頁
- Mybatis的幾種傳參方式,你瞭解嗎?MyBatis
- C語言中變參函式傳參探究C語言函式
- 幾種常見的Vue元件間的傳參方式Vue元件
- 分析結果,方法傳參
- vue巢狀元件傳參Vue巢狀元件
- Vue傳參一籮筐Vue
- React事件傳參深度理解React事件
- JS傳參技巧總結JS
- 微信小程式中頁面間跳轉傳參方式微信小程式
- 徹底理解JavaScript函式的呼叫方式和傳參方式——結合經典面試題JavaScript函式面試題
- FastAPI中請求URL傳參ASTAPI
- python傳遞實參的方法Python
- uni app頁面傳參decodeURIComponentAPP
- Python函式——locals()解包傳參Python函式
- VUE3 之 元件傳參Vue元件
- 子元件向父元件傳參元件
- Vue--子元件相互傳參Vue元件