视图层-WXML-模板及引用

2018-10-28  本文已影响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"/>

上一篇下一篇

猜你喜欢

热点阅读