If the vUE route redirects to a new page, go to $router.resolve in the root directory to avoid exceptions

Vue Route Resolve parameter

Multiple parameter passing programmatically navigates using the this.$router.resolve method

dofunc () { showDetail(row) { const query = { ajbh: row.ajbh, xtbh: Row.xtbh} const {href} = this.$router. Resolve ({name: 'casedetail', // or path: 'casedetail', query: query }) window.open(href, '_blank') } }Copy the code

Blank jumps in a way that does not allow params to pass parameters

There are so many parameters to pass that passing them through Query is not practical

The unique identifier within the parameters that need to be passed is passed to the newly opened page via query. Vue route resolve parameter Multiple parameter pass programmatic navigation using this.$router.resolve method

dofunc () {

let routeUrl = this.$router.resolve(

{

path: '/abc',

query: {id : 22}

})

window.open(routeUrl.href, '_blank)

}
Copy the code

Blank jumps in a way that does not allow params to pass parameters

There are so many parameters to pass that passing them through Query is not practical

The unique identifier within the parameters that need to be passed is passed to the newly opened page via query.