1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue 组件之间函数传递_组件之间相互传递参数

vue 组件之间函数传递_组件之间相互传递参数

时间:2024-05-28 16:47:53

相关推荐

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,[看业务场景](/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 就是传过去的传参数

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。