VUE 2.X 问题爬坑集合

VUE 2.X 问题爬坑集合

一、通过路由跳转传参传值

    通过路由跳转时候传参数、传值，一般就两种方式，params和query，但是注意：patams传参 ，路径不能使用path 只能使用name,不然获取不到传的数据。

1.1 params 传参

跳转方法：
this.$router.push({name: 'dispatch', params: {paicheNo: obj.paicheNo}})
取数据：
this.$route.params.paicheNo
this.$route.params.paicheNo

1.2 query传参

跳转方法：
this.$router.push({path: '/transport/dispatch', query: {paicheNo: obj.paicheNo}})
取数据：
this.$route.query.paicheNo
this.$route.query.paicheNo

二、import导入的变量或者函数，template中使用的时候报错未定义

import导入函数或者导入变量不能直接再template中使用，

变量需要再data中重新定义一下。

函数需要再method中重新定义一下。

三、循环遍历一个数组，给后台传参，实现循环访问后台，想每次请求有结果后再执行下一步操作。

循环遍历访问后台，想每次有请求结果了再开始其他操作，这里需要异步操作。

 this.getselectedIdData.map( async (item) =>{       
        await that.getSchemeDetail(item.id,item.index);
      })

//注意async用在的位置，map循环里面，不是this.getselectedIdData前面