原文主题:微信小程序指令有哪些?怎么用
一. 指令
1.1 wx:for指令
1.1.1 html
1. 内置了一个index/item,前者索引,后者元素
{{ index }} {{ item }} index索引 item元素
2. 修改
使用 wx:for-item 可以指定数组当前元素的变量名,
使用 wx:for-index 可以指定数组当前下标的变量名:
{{idx}}: {{itemName.message}}
1.1.2 js
data: {
data_list:['大饼','洋葱']
},
1.2 wx:if
在框架中,使用 wx:if= 来判断是否需要渲染该代码块:
5}}> 1
2}}> 2
3
1.3 block wx:if
因为 wx:if 是一个控制属性,需要将它添加到一个标签上。
如果要一次性判断多个组件标签,可以使用一个 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。
注意: 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性
view1
view2
1.4 数据绑定
1.4.1 html
数据1:{{message}}
1.4.2 js
Page({
/**
* 页面的初始数据
*/
data: {
message:新年快乐,
}
)}
二. 组件(标签)
2.1 view- --类似与div
2.2 image- --image
2.3 text- --span
原文所述:以上文章经全面介绍了【微信小程序指令有哪些?怎么用】。今天就的文章就分享到这啦,如果您想了解更多小程序指令请您到上方导航栏目查看详细知识。
站内文章:均为188bet博彩体育app下载方式
各部门原创内容如需转载请著名本文网站链接://www.mcissock.com/new/26985.html未经允许转载要受法律责任,如需转载请联系269247937@qq.com
本文链接://www.mcissock.com/new/26985.html
tags:
微信小程序指令小程序怎么用