美文网首页
视图层-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-模板及引用

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

  • 视图层-WXML-数据绑定

    WXML中的动态数据均来自于Page中的data 单向数据绑定:指的是我们先把模板写好,然后把模板和数据(数据可能...

  • CAD布局图 其他新视口不显示某图层 冻结在除当前视口以外所有

    CAD布局图 其他新视口不显示某图层 la→选择相应的图层→右键→视口冻结图层→冻结在除当前视口以外所有视口中

  • TP5引用静态文件(2)

    在模块下面创建视图层View,然后视图层下创建对应的模板,模板下面创建对应的html文件(注意模板名和html文件...

  • 前端~vue.js笔记(一)

    1.设计模式: MVVM 模式:在实例对象中所写的数据就是M层,html模板标签视图层就是v层。当数据变化的时候视...

  • Photoshop 基本界面设置

    模板预设设置 选择图层设置 注意 command(ctrl) + 鼠标左键 点击psd图层可以在右侧的图层列表里定...

  • 2018-05-17

    函数包装器与模板 函数模板的嵌套 模板与引用 //变量 左值引用 右值引用 原则不能冲突//ref 变量 -> ...

  • 03Angular模板在组件类中的引用

    在Angular中,我们可以在当前模板的任何地方使用模板引用变量 引用模板元素 @ViewChild用来在类中引用...

  • 八,Geoserver图层组(/layergroups)

    图层组是一组图层,可以作为WMS请求的一部分作为单个图层引用。图层组也可以用作图层的容器。 /layergroup...

  • MVT和MVC的区别和联系

    两者的模板层相似,视图层不同,MVC(视图层用来展示界面),MVT(视图层用来控制业务流程,接受函数)。MVC(控...

网友评论

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

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