WXML

Posted 7fancier

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WXML相关的知识,希望对你有一定的参考价值。

helloworld.wxml

<view>
<block wx:for="{{items}}" wx:for-item="item" wx:key="index">
  <view>{{index}}{{item.name}}</view>
</block>
</view>

<view wx:if="{{select==1}}">
1
</view>
<view wx:elif="{{select==2}}">
2
</view>
<view wx:else>
3
</view>
<template name="templateItem">
<view>helloworld</view>
</template>

  

helloworld.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    items:[
      {name:"A"},
      { name: "B" },
      { name: "C" },
      { name: "D" },
      { name: "E" }
    ],
    select: Math.floor(Math.random()*3+1)

  }
})

  

import 只能引用模板

include 除模板和block都引入

 


以上是关于WXML的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序第七天WXML语法之模板用法

小程序各种功能代码片段整理---持续更新

微信小程序开发之--"template模板“的应用

小程序模板使用

微信小程序海报 uniapp

微信小程序海报 uniapp