美文网首页
视图层-WXML-模板及引用

视图层-WXML-模板及引用

作者: 小美人鱼最可爱 | 来源:发表于2018-10-28 10:19 被阅读0次

    WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。

    补充:

            1.事件:数据层到逻辑层的通讯方式。


    模板

    定义模板

    使用 name 属性,作为模板的名字

    <template name="table">

        <view>

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

        </view>

    </template>

    使用模板

    使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入

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

    Page({

        data: {

            item: {

                index:0,msg:'this is a template',time:'2016-09-15'

                    } 

             }

    })

    注:模板的作用域:只能使用在data中定义了的数据以及模板定义文件中定义的              <wxs /> 模块。


    引用

    import

    定义:可以在该文件使用目标文件定义了的模板。

    <import src="item.wxml"/>

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

    注:import不具有传递性。

    include

    定义:可将目标文件除<template/>和<wxl/>外的整个代码都拷贝过来。

    <include src="content.wxml"/>

    相关文章

      网友评论

          本文标题:视图层-WXML-模板及引用

          本文链接:https://www.haomeiwen.com/subject/ilbdtqtx.html