微信小程序如何动态添加内容

<view>增加</view><view>    <view>删除</view>    <input>    </view>

.add{    display: inline-block;    line-height: 30px;    padding: 0 12px;    background: skyblue;}.box{    margin-top: 10px;    clear: both;    overflow: hidden;    padding: 0 15px;}.b-ipt{    overflow: hidden;    border: 1px solid #ccc;}.del{    width: 40px;    float: right;    margin-left: 10px;}

data: {    array:[0],//默认显示一个    inputVal:[]//所有input的内容},//获取input的值getInputVal:function(e){    var nowIdx=e.currentTarget.dataset.idx;//获取当前索引    var val=e.detail.value;//获取输入的值    var oldVal=this.data.inputVal;    oldVal[nowIdx]=val;//修改对应索引值的内容    this.setData({        inputVal:oldVal    })},//添加inputaddInput:function(){    var old=this.data.array;    old.push(1);//这里不管push什么，只要数组长度增加1就行    this.setData({        array: old    })},//删除inputdelInput:function(e){    var nowidx=e.currentTarget.dataset.idx;//当前索引    var oldInputVal=this.data.inputVal;//所有的input值    var oldarr=this.data.array;//循环内容    oldarr.splice(nowidx,1);    //删除当前索引的内容，这样就能删除view了    oldInputVal.splice(nowidx,1);//view删除了对应的input值也要删掉    if (oldarr.length <p> （1） array[0]表示最初需要循环一次，因为wx:for是根据数组长度来循环的。array里面的内容随便写，只要保证长度为1就行</p><p>（2） 如果你担心input输入的时候每次都要去取索引值影响性能，我建议你可以把获取input值的事件由 bindinput 改成  bindblur 。这样也没问题。</p><blockquote><p>相关学习推荐：<a href="https://www.php.cn/course.html" target="_blank">编程视频</a></p></blockquote>