小程序之引用

import 可以在该文件中使用目标文件定义的template,如

在helloworld.wxml中定义了一个叫msgItem和item的tempalte:

<template name="msgItem">

<view>

<text>{{index}}:{{msg}}</text>

<text>Time:{{time}}</text>

</view>

</template>

<template is="msgItem" data="{{...item}}"/>

<template name="item">

<text>{{text}}</text>

</template>

在index.wxml中引用了helloworld.wxml,就可以使用helloworld.wxml.wxml模板

<import src="/pages/helloworld/helloworld.wxml"/>

<template is="msgItem" data="{{...item}}" />

<template is="item" data="{{text:'forbar'}}" />

另外需要注意:

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

如:C import B,B import A,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template

运行结果:


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.资料: 01:微信小程序引用02:阿里巴巴矢量图库 2.前言 weui是一套同微信原生视觉体验一致的基础样式库...
    奶酪凌阅读 5,798评论 2 2
  • title: 小程序教程之wepy 参考文档 中文文档:https://tencent.github.io/wep...
    采香行处蹙连钱阅读 12,017评论 8 24
  • 炎炎夏日,暑假开始。又是一大波剧朝我们袭来的季节。然而我却迷上了《香蜜沉沉烬如霜》,美女靓男的组合一直是我们这些颜...
    布卡喵娱阅读 2,669评论 2 0
  • 初秋,宛如清风明亮而清爽。 那是枝头从泛绿到葱郁的过渡, 是花儿从绚丽到斑斓的成长, 也是阳光从温馨到热烈的激情。...
    擎晨马春燕阅读 190评论 0 1
  • 夏季余温似乎尚存,而秋却在不知不觉之间来到了…… 家里的绿植开始渐入枯萎,一点点的失去原本的色彩与热烈,它们伴着我...
    蝶雪微明阅读 393评论 0 6