wxml渲染数组 数组删除元素 wxml显示错误
<block wx:for="{{labels}}" wx:key="{{index}}">
<input maxlength="{{maxlength}}" placeholder="{{placeholder}}" placeholder-class="fontsize-20 font-color"
class="orange font-color" data-index="{{index}}" bindinput="input"/>
</block>
data:{
saying:"",
labels:[""] //输入标签 最多8个
},
mmethods:{
input:function(e){
let labels=this.data.labels
const label=lrtrim(e.detail.value) //用户输入的label
const index=e.currentTarget.dataset.index //label的索引
if(label==""){
console.log(`删除索引${index}`)
console.log(`删除前:${labels}`)
labels.splice(index,1)
console.log(`删除后:${labels}`)
}else{
console.log(`增加索引${index}`)
console.log(`增加前:${labels}`)
labels[index]=label
console.log(`增加后:${labels}`)
}
if(!labels.includes('')&&labels.length!=8){
labels.push('')
}
this.setData({
labels:labels
})
return label
}
}
bug截图:
wxml渲染数组元素不对