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

  • 相关阅读:
    Python爬虫实例:爬取豆瓣Top250
    爬虫协议 Tobots
    【Python 库】bs4的使用
    【Python 库】Selenium 的使用
    【Python 库】Selenium 浏览器驱动
    【Python 库】机器学习三剑客之 NumPy
    【Python】zip 函数的用法
    面试(一)-HashMap
    由树到数据库索引
    Win10下安装RabbitMQ以及基本知识学习
  • 原文地址:https://www.cnblogs.com/suitcases/p/13403329.html
Copyright © 2011-2022 走看看