事件类型

Input事件获取文本框的输入内容。event.detail.value

target和currentTarget

target是触发事件的源头组件，currentTarget是事件所绑定的组件。

<view class="item" bindtap="tapHandler" data-id="1">
<button type="warn" data-id="2">target测试</button>
</view>
tapHandler(e){
console.log(e.target.dataset.id);
console.log(e.currentTarget.dataset.id);
}

界面如下

当点击界面上的按钮，编号1的位置时，打印结果是2和1。

当点击按钮之外，编号2的位置时，打印结果是1和1。

事件以冒泡的形式向外扩散，所以点击了button，同样也会触发外层view的点击事件。

条件渲染

wx:if

wx:elif

wx:else

<view wx:if="{{condition}}">条件满足则显示内容</view>

wx:if 是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签，可以使用一个 <block/> 标签将多个组件包装起来，并在上边使用 wx:if 控制属性。<block>并不是一个组件，不会在页面中做渲染。