Maison > interface Web > uni-app > Comment obtenir le plug-in de l'applet uniapp après sous-traitance

Comment obtenir le plug-in de l'applet uniapp après sous-traitance

下次还敢
Libérer: 2024-04-06 03:51:21
original
1306 Les gens l'ont consulté

L'applet UniApp prend en charge la sous-traitance du plug-in. Après la sous-traitance, le plug-in peut être publié et mis à jour indépendamment. Les étapes pour obtenir le plug-in sous-traité comprennent : le référencement du plug-in sous-traité dans le package principal manifest.json ; l'utilisation de l'attribut is dans la page pour utiliser le plug-in sous-traité ; ).getPlugin(pluginId); le plug-in sous-traité ne l'est pas. Lors du chargement, vous pouvez passer une fonction de rappel pour obtenir l'instance de manière asynchrone.

Comment obtenir le plug-in de l'applet uniapp après sous-traitance

Comment obtenir le plug-in de l'applet UniApp après la sous-traitance

L'applet UniApp prend en charge la sous-traitance du plug-in, et le plug-in sous-traité peut être publié et mis à jour indépendamment du package principal. Pour obtenir le plug-in dans le sous-package, vous pouvez suivre les étapes ci-dessous :

1. Référencez le plug-in du sous-package dans le package principal

Ajoutez le plug-in du sous-package dans le <. code>manifest.json du package principal Référence, par exemple : manifest.json 文件中添加分包插件的引用,例如:

<code class="json">{
  "usingComponents": {
    "my-plugin": "../packages/my-plugin/index"
  }
}</code>
Copier après la connexion

2. 在页面中使用分包插件

在页面中,可以通过 <template> 中的 is 属性使用分包插件,例如:

<code class="vue"><template>
  <my-plugin is="plugin-from-subpackage"></my-plugin>
</template></code>
Copier après la connexion

3. 通过插件 ID 获取分包插件实例

如果需要在 JavaScript 代码中获取分包插件实例,可以使用 getPluginManager().getPlugin(pluginId) 方法,其中 pluginId 是分包插件在 manifest.json 文件中指定的 ID,例如:

<code class="js">const pluginManager = getPluginManager();
const pluginInstance = pluginManager.getPlugin('plugin-from-subpackage');</code>
Copier après la connexion

4. 异步获取分包插件实例

如果分包插件尚未加载,getPlugin(pluginId) 方法将返回 null

<code class="js">pluginManager.getPlugin('plugin-from-subpackage', (pluginInstance) => {
  // 分包插件已加载完成
});</code>
Copier après la connexion

2 Utilisez le plug-in de sous-packaging dans la page

🎜🎜Dans la page, il peut être utilisé via le . est l'attribut dans <template> Plug-in sous-packagé, par exemple : 🎜rrreee🎜🎜3 Obtenez l'instance du plug-in sous-packagé via l'ID du plug-in🎜🎜🎜Si vous le souhaitez. Si vous avez besoin d'obtenir l'instance de plug-in sous-packagée dans le code JavaScript, vous pouvez utiliser la méthode getPluginManager().getPlugin(pluginId) code>, où <code>pluginId est l'ID spécifié par le plug-in de sous-traitance. -in dans le fichier manifest.json, par exemple : 🎜rrreee🎜🎜4 Obtenez de manière asynchrone l'instance du plug-in de sous-traitance🎜🎜 🎜Si le plug-in sous-packagé n'a pas été chargé, le getPlugin(pluginId)</code.> renverra null. À ce stade, vous pouvez transmettre une fonction de rappel à exécuter après le chargement du plug-in sous-packagé : 🎜rrreee🎜 En suivant ces étapes, vous pouvez facilement obtenir le plug-in sous-packagé dans l'applet UniApp. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal