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 组件之间函数传递_组件之间相互传递参数相关推荐

售票系统的组件图和部署图_组件图和部署图详解.ppt
1 组件 (1). 组件的概念组件(component): 是一个相对独立的可装配的物理块,是系统的一个物理的和可替代的组成部分,一般作为一个独立的文件存在. 组件具有确定的接口,相互之间可以调用, ...
java组件化的优势_组件化编程开发如何判断组件的优劣性
随着互联网的不断发展,越来越多的程序员都在学习不同的编程开发方式,而组件化编程开发就是其中的一个常用开发方法.今天我们就一起来了解一下,组件化开发中关于组件的优劣性应该如何判断. 认识组件随着近些年 ...
mysql表之间怎么联动_数据库之间的数据联动调整方法、装置及系统的制作方法...
数据库之间的数据联动调整方法.装置及系统的制作方法 [技术领域] [0001]本发明涉及一种信息处理技术领域,特别是涉及一种数据库之间的数据联动调整方法.装置及系统. [背景技术] [0002]随着信 ...
试说明机器指令和微指令之间的关系_男女关系之间，是他在说谎吗？观察他的肢体语言说明一切...
很不幸地,如果一对男女间的关系紧绷,"说谎"的状况往往在所难免.特别当他有劈腿嫌疑时,会直接承认自己出轨的,恐怕十个人里面还找不到一个吧!虽然有些事情不一定要追根究底或说破,但要是 ...
java 怎么改变值传递_学习Java值传递方法
学习Java值传递方法-武汉北大青鸟值传递是在一个函数中,调用另外一个函数,其中含有参数传递的情况.往往值传递就是把数据传递到另外一个函数中进行进一步处理,以更清楚地显示函数的表达意思.在函数调用的 ...
integer是值传递还是引用传递_数据值Value传递-高位传递
立题简介: 内容:数据值Value传递-高位传递: 来源:实际得出: 作用:数据值Value传递-高位传递: 开发环境:Windows10+Visual Studio 2013:: 日期:2019-0 ...
java 整数引用传递_关于Java引用传递的一个困惑？
Java的引用(包括基本类型,对象引用类型)在声明.方法调用等时候都会产生新的引用,复制等号右侧的引用.分为下面3种情况: 基本类型代表的值存储在引用里面,引用中专门有个区域存储这个值,所以在复制的时 ...
markdownpad2 html渲染组件出错_Day68 Django forms组件
目录 forms组件 forms组件类书写 forms组件如何校验数据 forms组件如何渲染标签 forms组件展示错误信息 forms组件钩子函数(HOOK) forms组件常见参数 forms组 ...
vue的$emit 与$on父子组件与兄弟组件的之间通信
本文主要对vue 用$emit 与 $on 来进行组件之间的数据传输. 主要的传输方式有三种: 1.父组件到子组件通信 2.子组件到父组件的通信 3.兄弟组件之间的通信一.父组件传值给子组件父组件 ...

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

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

最新文章

热门文章