zoukankan      html  css  js  c++  java
  • 微信小程序开发入门(十五)

    模板的定义及引用

    <!--template.wxml-->
    <template name='student'>
      <view>name:{{name}}</view>
      <view>age:{{age}}</view>
      <view>gender:{{gender}}</view>
    </template>
    // pages/index/index.js
    Page({
    
      data: {
        stu01:{
          name:'张三',
          age:18,
          gender:'男'
        },
        stu02: {
          name: '李四',
          age: 19,
          gender: '女'
        }  
      }
    
    })
    <!--pages/index/index.wxml-->
    <view class='box'>
      <view class='title'>模板的定义和引用</view>
      <import src='template.wxml' />
      <template is='student' data="{{...stu01}}" /> ----------------------------
      <template is='student' data="{{...stu02}}" /> ----------------------------
      <template is='student' data="{{name: '王五',age:'20',gender: '男'}}" />
    </view>

    模板的定义方法 

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

      定义模板时,使用template标签,name属性指定模板的名字

    模板的引用方法和使用方法 

      引用模板时,使用template标签的is属性指定引用的模板,并通过 data 属性传入模板数据,data属性指定所用的哪一个对象,当然也可以直接给对象赋值,当使用对象的所有内容时,可以在对象名前加三个.

      使用模板,通过import标签来引用模板定义的文件,通过src属性引入模板文件 

    利用import可以引用目标文件中定义的template, import 有作用域的概念,即只会 import 目标文件中 定义的 template,而不会 import 目标文件 import 的 template. 

      举例:AimportB ,BimportC

      A可以使用B中定义的template,B可以使用C中定义的template,A不能使用C中定义的template

  • 相关阅读:
    poj2392 Space Elevator(多重背包问题)
    poj1703 Find them, Catch them(并查集的应用)
    HDU 1867 A + B for you again(KMP算法的应用)
    HDU 1358 Period(kmp简单解决)
    nyoj 460 项链 (区间dp)
    Python内置函数(9)——callable--转载
    Python的hasattr() getattr() setattr() 函数使用方法详解--转载
    python assert 断言详细用法格式
    sam文件格式
    Linux中重定向--转载
  • 原文地址:https://www.cnblogs.com/suitcases/p/13403329.html
Copyright © 2011-2022 走看看