uniAPP·Vue 在input标签中做动态@input和value 对象组
输出动态value 必须用对象组
【view】
<input maxlength="2" type="number" @input="putNum($event,index)" :value="item" v-for="(item,index) in objNum"/>
【data】
objNum:{ intNum0: 11, intNum1: 12, intNum2: 13, intNum3: 14, intNum4: 15, intNum5: 16, },
【methods】
putNum(e,i){ this.objNum[i] = e.detail.value; // i 为数组(下标)系数,e.detail.value 为接收输入内容 }, putNumNull(){ //刷空对象属性值 for (var i in this.objNum) {//对象形式必须用in for方法 this.objNum[i] = null; } },
【其他】
funAddNumX(){ //增加属性 在原有到对象组中尾部增加5个对象组 for (var i = 0; i < 5; i++) { if(this.objNum[i] = null){ this.objNum[i] = intNum[i]; } } }, funAddNumX(e){ //增加属性 覆盖原有对象组,直接增加5个对象组 for (var i = 0; i < 5; i++) { this.objNum['intNum' + i] = null; //['intNum'] 是下标对象组 } },
1,788 Views