微信小程序-WXML引用

最新推荐文章于 2023-07-07 18:05:14 发布

WXDEE

最新推荐文章于 2023-07-07 18:05:14 发布

阅读量238

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_29791893/article/details/106103447

版权

6 篇文章 0 订阅

订阅专栏

WXML 提供了两种文件引用方式：import 和 include。

import 可以在该文件中使用目标文件定义的 template，如在 item.wxml 中定义了两个叫item1、item2的template：

// item.wxml
<template name="item1">
  <text>{{text1}}</text>
</template>

<template name="item2">
  <text>{{text2}}</text>
</template>

在 index.wxml 中引用了 item.wxml，就可以使用 item1、item2 模板：

// index.wxml
<import src="item.wxml"/>
<template is="item1" data="{{text1}}"/>
<template is="item2" data="{{text2}}"/>

import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。

include 可以将目标文件除了 template、wxs 外的整个代码引入，相当于是拷贝到 include 位置，如：

// header.wxml
<view> header </view>

// footer.wxml
<view> footer </view>

// index.wxml
<include src="header.wxml"/>
<view> body </view>
<include src="footer.wxml"/>

关注

专栏目录