用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序 数据绑定/条件判断/列表渲染/shift()有坑,emplate模板的使用 ... ...

纸飞机 2018-3-8 09:35

作者:xiaochun365,来自原文地址一:数据绑定/条件判断/列表渲染/shift()有坑//获取页面组件数据 var v = this.data.element //条件判断 小红 小绿 //wx:if wx:else 之间不允许有别的组件 //列表渲染 第{{i ...

作者:xiaochun365,来自

原文地址

一:数据绑定/条件判断/列表渲染/shift()有坑

  1. //获取页面组件数据
  2. var v = this.data.element
  3. //条件判断
  4. <view wx:if="{{show}}">小红view>
  5. <view wx:else="{{!show}}">小绿view>
  6. //wx:if wx:else 之间不允许有别的组件
  1. //列表渲染
  2. <view wx:for="{{list}}">第{{index}}项是:{{item}}</view> //默认索引为index,项是item,当然也可以自定义,如下:
  3. <view wx:for="{{list}}" wx:for-index="{{myIndex}}" wx:for-item="{{myItem}}" wx:for-key="{{myIndex}}">第{{myIndex}}项是:{{myItem}}view>
  1. //数据绑定
  2. //wxml
  3. {{element}}view>
  4. //js
  5. //初始化数据
  6. data:{
  7. element:"123456"
  8. }
  1. 注意:shift()的使用,有坑!
  2. data:{
  3. list:["123","456","789"]}
  4. btnClick:function(){
  5. var myList = this.data.list
  6. var a = myList.shift() //a获取myList的第一项
  7. myList.shift() //删除最后一项
  8. this.setData({
  9. listmyList
  10. })
  11. }

二:template模板的使用

  1. //模板t1.wxml
  2. <template name="ggg">
  3. 88888888888888888888888
  4. view>
  5. template>
  6. <template name="jjj">
  7. 99999999999999999999999
  8. view>
  9. template>
  1. //调用模板index.wxml
  2. <import src="../templates/t1" />
  3. <template is="ggg"/>
  4. <template is="jjj"/>
  5. //注意此处必须要有
  6. //调用模板样式
  7. @import "../templates/template1.wxss";
  8. //调用模板js
  9. require('../templates/t1.js') //模板的js不允许出现Page()等方法
  10. //见有人这么写index.wxml
  11. <include src="../templates/t1" />
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏