uniapp アプレットは、アプレットの環境バージョンに応じて、表示ページの機能ボタンの表示と非表示を制御します。

要件: アプレット環境に応じて、コントロール ページの機能ボタンの表示と非表示を制御します。

以下は、公式ドキュメントと関数実装の関連コードです。

上記のニーズを達成するには、uni.getAccountInfoSync() が使用されます。
uni.getAccountInfoSync() は Uniapp が提供する同期メソッドで、アプレットのアカウント情報を取得するために使用されます。アプレットの AppId、アプレットのタイプ、アプレットのバージョン番号など、現在のアプレットの基本情報を取得できます。

公式ドキュメントリンクhttps://uniapp.dcloud.net.cn/api/other/getAccountInfoSync.html#getaccountinfosync
ここに画像の説明を挿入

ここに画像の説明を挿入

const accountInfo = uni.getAccountInfoSync();
console.log(accountInfo.miniProgram.appId); // 小程序 appId
console.log(accountInfo.plugin.appId); // 插件 appId
console.log(accountInfo.plugin.version); // 插件版本号, 'a.b.c' 这样的形式

プロジェクトでの使用例:

v-ifコントロールボタンや特定の機能モジュールの表示・非表示により、注意隐藏和显示后的页面样式

<view class="nav-item" @click="modifyPassWord" v-if="vertifyIsShow">
	<image src="../../static/home/modifyPassWord.png" class="nav-img"></image>
	<text class="nav-text">重置密码</text>
</view>

ページの onLoad() または created() メソッドで、uni.getAccountInfoSync() API を使用して現在のミニ プログラム環境のバージョンを取得します。

created() {
    
    
	this.vertifyIsShow = false; // 初始化控制按钮隐藏
	const envVersion = uni.getAccountInfoSync().miniProgram.envVersion;
	if (envVersion === 'develop') {
    
    
	  // 开发版环境
	  this.vertifyIsShow = true
	} else if (envVersion === 'trial') {
    
    
		// 体验版环境
		this.vertifyIsShow = true
	} else if (envVersion === 'release') {
    
    
		// 正式版环境
		this.vertifyIsShow = false
	} else {
    
    
	  // 无法确定环境
	  this.vertifyIsShow = false
	}
},

おすすめ

転載: blog.csdn.net/m0_47791238/article/details/132007110