get-current-pages.uvue

<template>
  <view>
    <page-head title="getCurrentPages"></page-head>
    <view class="uni-padding-wrap">
      <button @click="_getCurrentPages">getCurrentPages</button>
      <button class="uni-common-mt" @click="hideAndShow">页面隐藏并显示</button>
      <view v-if="pages.length" style="padding: 15px 0px">
        <text>当前页面栈中 {{ pages.length }} 个页面，列表如下：</text>
        <template v-for="(page, index) in pages" :key="page.route">
          <text style="margin-top: 5px"
            >index: {{ index }}, route: {{ page.route }}</text
          >
        </template>
      </view>
    </view>
  </view>
</template>

<script lang="uts">
class Page {
	constructor(public route : string) {
	}
}

export default {
	data() {
		return {
			checked: false,
			showTimes: 0,
			pages: [] as Page[],
		}
	},
	onShow() {
		this.showTimes++
	},
	methods: {
		_getCurrentPages: function () {
			this.pages.length = 0
			const pages = getCurrentPages()
			this.pages.push(new Page(pages[0].route))
			if (this.pages[0].route.includes('/tabBar/')) {
				this.checked = true
			}
			for (let i = 1; i < pages.length; i++) {
				this.pages.push(new Page(pages[i].route))
				if (pages[i].route.includes('/tabBar/')) {
					this.checked = false
				}
			}
		},
		hideAndShow() {
			const pages = getCurrentPages()
			const currentPage = pages[pages.length - 1]
			const currentPageInstance = currentPage.$getAppPage()
			if (currentPageInstance != null) {
				currentPageInstance.hide(new Map())
				currentPageInstance.show(new Map())
			}
		}
	},
}
</script>