算是一个简单的返回页面
<template>
<div class="wechat-order-detail-container">
<navBar v-if="pageTitle" :page-title="pageTitle"></navBar>
</div>
</template>
<script setup>
import { ref } from "vue";
import Taro, { useDidShow } from "@tarojs/taro";
import navBar from "../../../components/navBar/index.vue";
const pageTitle = ref("");
useDidShow(() => {
const currentPage = Taro.getCurrentPages().slice(-1)[0];
const pageTitle1 = currentPage.config.navigationBarTitleText || "默认标题";
pageTitle.value = pageTitle1;
});
</script>
<style lang="scss">
.wechat-order-detail-container {
}
</style>
主要是这里
const currentPage = Taro.getCurrentPages().slice(-1)[0];
const pageTitle1 = currentPage.config.navigationBarTitleText || "默认标题";
Taro +vue3 的页面结构还有一个
文章来源:https://www.toymoban.com/news/detail-861497.html
文章来源地址https://www.toymoban.com/news/detail-861497.html
到了这里,关于Taro + vue3 实现自定义返回栏的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!