uniAPP·Vue 中input做动态@input和value

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'] 是下标对象组
    }
},
333 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的电子邮箱地址不会被公开。