Cet article présente principalement les informations pertinentes citées par le programme WeChat Mini et joint un exemple de code simple. Les amis dans le besoin peuvent se référer à la série d'articles
:
WXSS du programme WeChat Mini. Tutoriel
Citation du didacticiel du programme WeChat Mini
Événement du didacticiel du programme WeChat Mini
Modèle du didacticiel du programme WeChat Mini
Rendu de la liste du didacticiel du mini programme WeChat
Rendu conditionnel du didacticiel du mini programme WeChat
Liaison de données du didacticiel du programme WeChat Mini
WXML du didacticiel du programme WeChat Mini
Référence
WXML fournit deux méthodes de référence de fichiers, l'importation et l'inclusion.
import
import peut utiliser le modèle défini par le fichier cible dans ce fichier, tel que :
dans l'élément .wxml Un modèle appelé item est défini dans :
<!-- item.wxml --> <template name="item"> <text>{{text}}</text> </template>
Si item.wxml est référencé dans index.wxml, vous pouvez utiliser le modèle item :
<import src="item.wxml"/> <template is="item" data="{{text: 'forbar'}}"/>
Le rôle du domaine d'importation
l'importation a le concept de portée, c'est-à-dire que seul le modèle défini dans le fichier cible sera importé, mais le modèle importé par le fichier cible ne sera pas importé.
Par exemple : C import B, B import A, en C vous pouvez utiliser le modèle défini par B, en B vous pouvez utiliser le modèle défini par A, mais C ne peut pas utiliser le modèle défini par A.
<!-- A.wxml --> <template name="A"> <text> A template </text> </template>
<!-- B.wxml --> <import src="a.wxml"/> <template name="B"> <text> B template </text> </template>
<!-- C.wxml --> <import src="b.wxml"/> <template is="A"/> <!-- Error! Can not use tempalte when not import A. --> <template is="B"/>
include
include peut importer l'intégralité du code du fichier cible depuis , ce qui est équivalent à copier pour inclure la position, telle que :
<!-- index.wxml --> <include src="header.wxml"/> <view> body </view> <include src="footer.wxml"/>
<!-- header.wxml --> <view> header </view>
<!-- footer.wxml --> <view> footer </view>
Merci d'avoir lu, j'espère que cela pourra aider tout le monde, merci pour votre soutien à ce site !
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!