保存按钮实现:更新、删除、增加三种业务逻辑。最基本

239 阅读1分钟

	// 原始数据 status: 0初始化, 1更新、2增加、3删除
	phoneList: [{
					phone: '',
					status: 0
	}]
    
    // 添加事件
    add() => {
    	  phoneList.push({
    		phone: '',
       		status: 2
    	})
    }
  
    
     // 删除事件
     delete(index) => {
         phoneList[index].status = 3; // 渲染的时候 status === 3 隐藏
     }
	
    // 更新事件
    update(index) => {
    	 phoneList[index].status = 1; 
         phoneList[index].phone = newPhone;
    }
    
    // 保存事件
    save() => {
    	let promiseList = [];
    	for (let obj of phoneList) {
        	swich(obj.status){
            	case 1:
                	更新;
                   	promiseList.push(this.updateApi);
                    break;
                case 2: 
                    增加;
                    break;
                case 3: 
                    删除;
                    break;
            }
        }
        // 在循环结束 promise.all处理
        Promise.all[promiseList].then(() => {
        	'成功处理'
        })
    }