欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序 数据绑定/条件判断/列表渲染/shift()有坑,emplate模板的使用 ...

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:733

高端HTML5响应式企业通用网

2020-05-06   浏览:513

html5响应式外贸网站英文版

2020-05-08   浏览:503

HTML5自适应律师工作室类网

2020-04-04   浏览:494

HTML5影视传媒文化公司类网

2020-05-12   浏览:489

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

发布时间:2020-11-30  

 

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

 

//获取页面组件数据

 

var v = this.data.element

 

//条件判断

 

<view wx:if="{{show}}">小红</view>

 

<view wx:else="{{!show}}">小绿</view>

//wx:if wx:else 之间不允许有别的组件

 

//列表渲染

 

<view wx:for="{{list}}">第{{index}}项是:{{item}}</view> //小程序默认索引为index,项是item,当然也可以自定义,如下:

 

<view wx:for="{{list}}" wx:for-index="{{myIndex}}" wx:for-item="{{myItem}}" wx:for-key="{{myIndex}}">第{{myIndex}}项是:{{myItem}}</view>

 

//数据绑定

 

//wxml

 

<view>{{element}}</view>

 

//js

 

//初始化数据

 

data:{

 

element:"123456"

 

}

 

注意:shift()的使用,有坑!

 

data:{

 

list:["123","456","789"]}

 

btnClick:function(){

var myList = this.data.list

 

var a = myList.shift() //a获取myList的第一项

 

myList.shift() //删除最后一项

 

this.setData({

list:myList

})

}

 

二:template模板的使用

 

//模板t1.wxml

<template name="ggg">

<view>

88888888888888888888888

</view>

</template>

<template name="jjj">

<view>

99999999999999999999999

</view>

</template>

 

//调用模板index.wxml

<import src=http://www.yiyongtong.com/archives/"../templates/t1" />

<template is="ggg"/>

<template is="jjj"/>

 

//注意此处必须要有

//调用模板样式

@import "../templates/template1.wxss";

 

//调用模板js

require('../templates/t1.js') //模板的js不允许出现Page()等方法

 

 

 

 

//见有人这么写index.wxml

<include src=http://www.yiyongtong.com/archives/"../templates/t1" />

本文标签

:备案管家服务帮您把复杂流程变简单,解决您在进行网站备案过程中遇到的效率低下和成功率不高的问题。个人300/2个域名,企业500/5个域名,qq1650004.