Vue页面传参

Vue页面传递参数

 方法一：一个一个接参

发送页面组合参数（接收地址，接收参数）：

renderHDBPDF(dyhzbmogoid) {
this.$router.push({path: "/unqualified-after", query: {dyhzbmogoid: dyhzbmogoid, filetype: "hdb"}})
}

接收页面拿去参数

const {dyhzbmogoid, gzsmogoid, filetype} = this.$route.query
console.log(dyhzbmogoid)
console.log(filetype)

方法二：接收参数全部放在一个对象里（推荐）

发送页面组合参数（接收地址，接收参数）：

renderHDBPDF(dyhzbmogoid) {
this.$router.push({path: "/unqualified-after", query: {dyhzbmogoid: dyhzbmogoid, filetype: "hdb"}})
}

接收页面拿去参数

data:{
    urlPrames:{}        
}
//上面定义好 urlPrames
this.urlPrames = this.$route.query
console.log(this.urlPrames.dyhzbmogoid)
console.log(this.urlPrames.filetype)