想要数组有多少元素弹几次框,点击确定再弹下一个?

想要数组有多少元素弹几次框,点击确定再弹下一个?,现在只弹最后一个框,弹一次,应该怎么修改?

        for (let num = 0; num < this.getTaskCard.length; num++) {
          this.getLTCard = [this.getTaskCard[num]];
          this.popup.get = true; // 显示弹窗
        }
阅读 3k
3 个回答

你应该先弹一个,然后在弹窗点击确认的时候判断是否需要弹下一个,伪代码你看看

mounted(){
    this.index = this.getTaskCard.length - 1
    this.getLTCard = [this.getTaskCard[this.index]];
    this.popup.get = true; // 显示弹窗
},
// 弹窗确认按钮点击
btn(){
    this.popup.get = false // 也可以不要
    if (this.index >= 0) {
        this.index -= this.index
        this.getLTCard = [this.getTaskCard[this.index]];
        this.popup.get = true; // 显示弹窗
    }
}

我是想回答也不知道该从哪里回答起。问题里只有一个状态变化,没有弹窗相关的控制和反馈。按理说,应该有弹窗,而且弹窗里还有事件处理窗口关闭,所以需要等窗口关闭再进行下一次循环。而这里的「等」是个异步等待,要么使用回调嵌回调的形式处理,要么封装成 Promise 使用 await 来等……

看看这个吧,应该有启发:网页弹框的异步行为分析 - SegmentFault 思否

推荐问题