uni-app -- 如何动态设置页面的标题

小嘴一歪，气场全开！

1. 新建页面

正常情况下，在创建页面时会在pages.json里生成一段代码，即可在内调整页面的标题。如图：

效果如图：

这种方式可已满足大多数人的需求，但是总有那么一些人需求比较不同。希望能够在页面内进行动态的调整标题，那么该如何进行设置呢？

2. js动态修改标题

代码如下：

<script>
	export default {
		data() {
			return {
				dynamicTitle: '这里是动态标题',
			};
		},
		onLoad() {
			// 官网API：https://uniapp.dcloud.io/api/ui/navigationbar?id=setnavigationbartitle
			uni.setNavigationBarTitle({
				title: this.dynamicTitle,
				success: () => {
					console.log('修改标题成功')
				},
				fail: () => {
					console.log('修改标题失败')
				},
				complete: () => {
					console.log('修改标题结束')
				},
			})
		}
	}
</script>

效果如图：

nice！！！