微信小程序 todolist 案例试做 - 07

1. todolist 增加模块

首先先把项目的雏形给布置好，一个 input 输入框，一个 add 的点击增加列表按钮

并且新增的数据都会加入到下方的列表中，且都带上了 delete 按钮

input框+按钮：

<view class="box">
  <input type="text" bindinput="handleInput" value="{
  {text}}" />
  <button size="mini" bindtap="handleAdd">add</button>
</view>

数据列表：

<view wx:if="{
  {textList.length>0}}">
  <view wx:for="{
  {textList}}" wx:key="index" class="list">
    <text>{
  {item}}</text>
    <button size="mini" bindtap="handleDelete" data-myid="{
  {index}}">delete</button>
  </view>
</view>

input 双向绑定：