vue 组件之间函数传递_组件之间相互传递参数
### RT:A,B兩個頁面傳遞參數
常用方法:`@click`的方式調用`$touter.push()`或者``的方式。
`push`方法:接收三個參數`name`,`params`,`query`;
* `$route.name`:路由配置中的`name`名稱,vue中具有`全局全匹配片段`,意思就是這個`name`的名稱是全局尋找到的,`動態片段`正則中的隨機,正則語法都是可以的。
* `$route.path`:對應當前路由的路徑,總是解析為絕對路徑,如 `/foo/bar`
* `$route.params`:`name`和`params`總是一起出現的,而`path`和`query`總是在一起的。
* 其他的看url,[看業務場景](https://router.vuejs.org/zh-cn/api/route-object.html)
*
### 跳轉路由
1. `@click`事件,
```
this.$router.push({ path: 'model', query: { operation: '123' } })
```
或者
```
this.$router.push({ name:'model',path:'./model',params: { operation: 123 }})
```
params中的path可填可不填
2. query:會在url地址中顯示?operation=123;`params`Url中顯示model/123
3. 使用`query`不需要設置路由,使用`params`需要設置路由
```
{
//配置的后綴參數
path: '/model/:operation',
//配置的參數可以選填,參數后面加一個?就可以了
path: '/model/:operation?',
//路由配置名稱
name: 'model',
//引用的名稱
component: model
},
```
接收:
this.$route.params.placeId
placeId 就是傳過去的傳參數
總結
以上是生活随笔為你收集整理的vue 组件之间函数传递_组件之间相互传递参数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python格式文件大小_在Python
- 下一篇: mysql udf禁用_Mysql数据库