1、if语句跟for循环的使用
<block wx:if="{{n==1}}"> <view>1917</view> </block> <block wx:elif="{{n==2}}"> <view>1918</view> </block> <block wx:else> <view>1919</view> </block>
----------------------------下面为wx:for--------------------------------------- <block wx:for="{{list}}" wx:key="index"> <view>{{item}}---{{index}} <view wx:for="{{arr}}" wx:for-item="child" wx:for-index="idx" wx:key="idx"> {{child}}-----{{idx}} </view> </view> </block>
2、标签
<view></view>相当于div
<text></text>相当于span
3、事件
1、bindtap="事件名称没有括号"
通过this.setData({
message:""
},())=>{
console.log(this.data.message)
再回调里面通过这种方式来验证是否修改成功
}
这种方式触发
---------------------------------------------------
如果需要传参那么在标签内部通过
data-info="先森"进行传参
接受通过e.currentTarget.dataset.info接受,info为传递参数时定义的名称
------------------------------下面是第二种--------------------------------------
2、catchtap方法同上
-------------------------------区别-------------------------------
区别:bindtap会进行事件冒泡
catchtap不会进行时间冒泡
4、事件传参如何传递?上面的简化
自定义属性data-属性 接受的时候通过e.currentTarget.dataset.属性进行接收
5、模板,创建一个公共的文件,只写布局,从外部传递参数让他去遍历,有很好的的复用性,这就叫模板。
通过template的name属性来定义模板的名称
<template name="booklist"> <view class="book_item"> <view>{{item.bookname}}</view> <view>{{item.auth}}</view> </view> </template> 使用时,将其放入对应的文件
通过template的is属性来使用相对应的模板
<import src="../../template/template.wxml"/> <view> <block wx:for="{{books}}" wx:key="index"> <template is="booklist" data="{{item}}"></template> </block> </view>
如果模板需要进行外部引入则需要<import src="">来进行引入
7、在微信小程序中如何在wxss引入本地图片(坑)
注意:微信小程序中无法在wxss中引入本地图片
解决方案:
1、使用网络图片
2、使用bass64的图片 http://imgbase64.duoshitong.com/
8、api
onLoad() { wx.request({ url: ‘http://m.maoyan.com/ajax/movieOnInfoList‘, method: "get", data: { // ci: 1, token: "" }, success: function(data) { console.log(data) } }) }