这篇文章以前几篇文章为基础!
在wxml文件中设置循环输入框和添加、删除按钮。
<block wx:for="{{lists}}" wx:key="{{index}}"><input class='create-li' data-id="{{index}}" placeholder="选项" bindinput='bindKeyInput'></input></block> <button class='add-li' bindtap='addList'>添加选项</button><button class='add-li' bindtap='delList'>删除选项</button>
在js文件中设置如下,即可实现点击"添加选项"按钮添加一个输入框,点击"删除选项"按钮删除一个输入框。
Page({data: {lists:[{},{}],},addList: function(){var lists = this.data.lists;var newData = {};lists.push(newData);//实质是添加lists数组内容,使for循环多一次this.setData({lists: lists,}) },delList: function () {var lists = this.data.lists;lists.pop();//实质是删除lists数组内容,使for循环少一次this.setData({lists: lists,})}, })