zoukankan      html  css  js  c++  java
  • 引用(import 和 include)

    WXML 提供两种文件引用方式import和include。

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

    建立一个 template 目录,在 template.wxml 中定义一个 name=student 的模板:

    <!--pages/template/template.wxml-->
    <template name="student">
      <view>id:{{id}}</view>
      <view>name:{{name}}</view>
      <view>age:{{age}}</view>
    </template>

    在 wxml 目录下的 index.wxml 中引用 template.wxml,就可以使用 student 模板:

    引用模板的时候,将数据 data 传入。

    <import src="../template/template.wxml" />
    
    <template is="student" data="{{...student}}">
    </template>
    

    index.js 中的 data 定义的 student 模板数据是:

    data: {
        student:{
          id:1,
          name:'张三',
          age:16
        }
      },
    

    需要注意的是 import 有作用域的概念,即只会 import 目标文件中定义的 template,而不会 import 目标文件中 import 的 template,简言之就是 import 不具有递归的特性。

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

    include 可以将目标文件中除了 <template/> <wxs/> 外的整个代码引入,相当于是拷贝到 include 位置

    index.wxml:

    <include src="/pages/header/header.wxml"/>
    
    <view>This is body.</view>
    
    <include src="/pages/footer/footer.wxml"/>
    

    header.wxml:

      <view>This is header.</view>

    footer.wxml:

      <view>This is footer.</view>
     
  • 相关阅读:
    自定义 cell
    iOS的自动布局
    通过字符串获取沙盒路径延展类
    Orcale nvl函数
    Orcale sign函数
    Orcale decode函数
    Orcale rpad函数
    mapper.xml速查
    Spring Boot整合SpringMVC应用
    Spring Boot 整合MyBatis框架
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/12558703.html
Copyright © 2011-2022 走看看