站三界导航
首页 uniapp代码uniapp动态修改标题

uniapp动态修改标题

  • uniapp代码
  • 来源:站三界导航
  • 83阅读
  • 2023-04-04

uniapp作为一款开源软件,可以做到一端多用,不过也有局限,在开发中有时候需要动态的去修改标题,例如 多页面逻辑合成一个页面的时候

uniapp打包分为H5  小程序   和 APP(一般主要的是这三个)

下面贴上的代码,做些解释  “#ifdef H5”和“#ifdef MP”之类的是uniapp 官方提供的终端区分编译条件

ifdef条件详见 =>  uniapp条件编译

/**
 * @name 修改微信title
 * @param {*} title
 */
export function weixinTitle(title) {
	// #ifdef H5
	setTimeout(() => {
		document.title = title;
		var mobile = navigator.userAgent.toLowerCase();
		if (/iphone|ipad|ipod/.test(mobile)) {
			var iframe = document.createElement("iframe");
			iframe.style.visibility = "hidden";
			iframe.setAttribute("src", "loading.png");
			var iframeCallback = () => {
				setTimeout(() => {
					iframe.removeEventListener("load", iframeCallback);
					document.body.removeChild(iframe);
				}, 0);
			};
			iframe.addEventListener("load", iframeCallback);
			document.body.appendChild(iframe);
		}
	}, 0);
	// #endif
	// #ifdef MP
	uni.setNavigationBarTitle({ title: title })
	// #endif
}

有的可能会直接去使用wx.setNavigationBarTitle({ title: title }) ,是可以使用,但是你的代码要是需要在支付宝小程序,百度小程序之类的还是需要改回uni.setNavigationBarTitle。

本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/40407.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。