ionic5 路由跳转

普通

<ion-button [routerLink]="['/items']">
跳转
</ion-button>

<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-back-button defaultHref="/tabs/tab1" text="返回"></ion-back-button>
        </ion-buttons>
        <ion-title>items</ion-title>
    </ion-toolbar>
</ion-header>

传值跳转

<ion-button [routerLink]="['/items']" [queryParams]="{a:'1234'}">
    传值跳转
</ion-button>



import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';


export class ItemsPage implements OnInit {
    constructor(public route:ActivatedRoute) { }
    ngOnInit() {
        this.route.queryParams.subscribe((data)=>{
            console.log(data);
        })
    }
}

返回上一页

<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button (click)="goSyy()">
                <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
            </ion-button>
        </ion-buttons>
        <ion-title>items</ion-title>
    </ion-toolbar>
</ion-header>


import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';


export class ItemsPage implements OnInit {
    constructor(public route:ActivatedRoute) { }
    ngOnInit() {
        this.route.queryParams.subscribe((data)=>{
            console.log(data);
        })
    }
    
    goBack(){
        this.nav.navigateBack('去的页面');
    }
}