Comment ouvrir un nouveau lien de page dans le développement d'un mini-programme (exemple de code)

不言
Libérer: 2019-01-23 11:04:55
avant
5600 Les gens l'ont consulté

Ce que cet article vous apporte concerne la méthode (exemple de code) d'ouverture d'un nouveau lien de page dans le développement d'un mini-programme. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

Il existe un centre utilisateur dans l'applet développé. L'exigence est que les utilisateurs puissent cliquer sur les boutons pour accéder à de nouveaux liens. En fait, il n'existe pas de bonne méthode pour répondre à cette exigence, et certaines expériences passées ne sont pas applicables aux petits programmes. Après avoir vérifié certaines informations, je n'en ai aucune idée. La méthode d'implémentation finale consiste à utiliser le composant navigateur. Si quelqu'un a une meilleure méthode, ou si ma méthode d'implémentation est défectueuse, veuillez l'indiquer ci-dessous.

Page d'affichage des liens externes

Créez d'abord un répertoire, qui sert à afficher le contenu des liens externes. Puisqu'il s'agit d'un lien externe, une vue Web est utilisée (notez que ce composant possède certaines fonctionnalités, consultez-le à partir du lien ci-dessous).

Regardez la structure des répertoires, où navigator est la page qui affiche les liens externes

Comment ouvrir un nouveau lien de page dans le développement dun mini-programme (exemple de code)
Dans navigator.wxml, une seule ligne de code est nécessaire

<web-view></web-view>
Copier après la connexion

Dans navigator.js, modifiez la valeur dans url

onLoad: function (options) {
    if (options.url) {
      this.setData({
        // 设置当前链接
        url: options.url
      })
    } 
  },
Copier après la connexion

Centre utilisateur

Dans le Centre utilisateur, sautez simplement le lien vers / navigateur/navigateur, et apportez simplement les paramètres. Jetez un œil à l'exemple

<!-- {{url}}中是外链地址 -->
<navigator></navigator>
Copier après la connexion

La méthode ci-dessus peut être implémentée. Bien sûr, le projet réel est plus compliqué et doit être modifié en fonction des besoins réels. .

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:segmentfault.com
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