wxml文件
页面结构，输入框绑定bindinput事件（发生改变触发的事件），绑定事件中e.detail.value获取每次改变的输入框值。
删除按钮，data-变量名= ，删除按钮点击事件通过e.target.dataset 获取绑定变量值。
<text>{{tit}}</text> <input type="text" placeholder="请输入" value="{{input}}" bindinput="inputvalue"/> <button bindtap="add">添加</button> <block wx:for="{{arr}}" wx:key="{{index}}"> <view> {{index}}===={{item}} <button data-index="{{index}}" bindtap="del">删除</button> </view> </block> 123456789
js文件
Page({ /** * 页面的初始数据 */ data: { tit:'hello todolist', input:'', arr:[ 'haha','heihei' ] }, inputvalue(e){ this.setData({ input: e.detail.value }); }, add(){ let arr = this.data.arr; arr.push(this.data.input); this.setData({ arr: arr, input: '' }); }, del(e){ let index = e.target.dataset.index; let arr = this.data.arr; arr.splice(index,1); this.setData({ arr:arr }) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { wx.setNavigationBarTitle({ title: 'todolist', }) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
