事件类型

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

target和currentTarget

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

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

条件满足则显示内容

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