当前播放: 16 | WXML特性之模板及引用
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章 | 微信小程序介绍与开发准备 (0讲)
第二章 | 上手第一个微信小程序 (0讲)
第三章 | 微信小程序开发框架 (0讲)
第四章 | 微信小程序开发之原生组件 (0讲)
第五章 | 微信小程序之原生API (0讲)
第六章 | 微信小程序开发进阶之核心技能 (0讲)
第七章 | 微信小程序开发项目实战案例 (0讲)
第八章 | 微信小程序开发实战注意事项与进阶指导 (0讲)
16 | WXML特性之模板及引用

16 | WXML特性之模板及引用

高磊
腾讯NOW直播前端工程师,IVWEB团队成员
全集13779
已下架
12
本节摘要
登录 后留言

精选留言(14)

  • 程立
    两种引用模板的方式:include和template
    区别:include只会引用除template内容外的内容,
    inport只会引用template内的的内容,动态的传入数据,is表示引用的模板名称,data表示传入模板的数据
    2018-04-02
    26
  • Groot
    3:54秒,a.wxml中 import的应该是 c.wxml文件还是 b.wxml文件?

    作者回复: b.wxml,这里文件名有误,抱歉

    2018-03-30
    7
  • 会追风筝的稻草人
    {{...item}}中前面那三个点是什么意思?

    作者回复: es6语法,扩展运算符

    2018-04-08
    3
  • 小小哈哈
    为什么加...item呢?老师解释一下呗,谢谢
    2018-04-02
    2
  • import、 inlucde
    import 只引入源文件(src属性指向的文件)内自身定义的模板,
         只引入模板:引入的信息,只有模板,其他内容块代码不被引入。
         自身的模板:仅在源文件中定义的模板,不包括源文件中引进的其他模板(嵌套模板)。

    模板的定义跟使用都是通过 template 标签
        定义 通过 name 属性 <template name="aa">...</template>
        使用 通过 is 属性,参数传递通过 data属性 <template is="aa" data="{{...inData}}"/>

    include 引入源文件(src属性指向的文件)除模板以外的代码段。有个特别要注意的地方是,代码段不仅是源文件中的代码段,也包括源文件里通过template is 方式转换出来的代码段

    小结 import 用于模板(自身的模板), include 用于代码段(所有的代码段)
    2019-07-09
    1
  • clock
    照抄老师的代码
    <!--index.wxml-->
    <import src="a.wxml"></import>
    <template is="a"></template>
    <!--a.wxml-->
    <view>hellow,world</view>
    <template name="a">
    hello,world!
    </template>
    我的app.json输入
    {"pages":[
    "pages/index/index",
    "pages/a/a"
    ]
    }
    页面显示的是view值:hello,world
    没有调用import值的hello,world!
    --

    请指教问题出现在哪?

    2018-05-01
    1
  • ruiayLin
    求教一个问题,像轻芒咋杂志的小程序,顶部导航栏(左右滑动的)是如何实现的?主页面不可以下拉刷新,每个tab对应的页面可以下拉刷新,tab对应的页面是scroll/view吗

    作者回复: 他这个应该是一个页面,然后使用了一个导航栏的组件(非原生),主tab那里通过js控制不开启页面下拉刷新,切换到其他tab时再开启下拉刷新,下拉刷新的那个loading态是他们自己做的

    2018-04-11
    1
  • 小铁匠
    为什么变量前面要加...,麻烦老师科普下,谢谢

    作者回复: 这个是es6的一个扩展运算符语法,可以将对象或数组进行解构赋值

    2018-04-07
    1
  • iHTC
    <import src="../categary/categary.wxml" />
    <template is="A" />

    [引用 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html)
    2019-12-05
  • 黄德平
    前后调用多次模板后显示出现重叠的问题,这是怎么回事?
    2018-12-03
  • o9
    import作用域问题,压根就不是问题啊,import只会引用模板标签里的内容,您给的例子,b模板的引用是在a模板标签外的啊
    2018-11-08
  • 展飞
    import和include讲的一点都不清楚,还不如看微信小程序的文档来的清晰明白
    2018-10-22
  • Object
    为什么我的会全部显示出来?import
    2018-04-11
  • Ling
    老师你好。
    为什么我输入视频中的代码,a.wxml和b.wxml文件中的内容都会显示出来呢?
    2018-04-08
收起评论
看过的人还看
左耳听风

陈皓  网名“左耳朵耗子”,资深技术专家,骨灰级程序员

109讲 | 45668 人已学习

新人首单 ¥69.9 原价 ¥299
玩转Git三剑客

苏玲  携程代码平台负责人

62讲 | 17840 人已学习

新人首单 ¥9.9 原价 ¥68
Vue开发实战

唐金州  一点资讯前端技术专家,Ant Design Vue 作者

53讲 | 14047 人已学习

新人首单 ¥29.9 原价 ¥129
深入浅出区块链

陈浩  元界CTO

40讲 | 17778 人已学习

新人首单 ¥9.9 原价 ¥68