新手上路，使用vue.js for循环执行click()只执行到最后一个？

html:

<a href="473.jpg" download>
 <img alt=""  src="2473">
</a>
<a href="473.jpg" download>
 <img alt=""  src="2473">
</a>
<a href="473.jpg" download>
 <img alt=""  src="2473">
</a>
<a href="473.jpg" download>
 <img alt=""  src="2473">
</a>
<button @click"download">下载</button>

a包含img

js:

  download() {
    const sd = document.querySelectorAll('a')
    for (let i of sd) {
      i.click()
    }
  },

每次都是只执行最后一个，但是打断点又能成功，找了关于这方面的资料说是闭包问题，但是我这个是得先点击到才循环执行，所以不知道该如何改？

---

与闭包无关，a 标签 click 后的行为是跳转至 href ，你一下执行了多次跳转，宏观效果自然就是只跳到最后一个啦

---

原因 hsfzxjy 已經解答，如果想批次下載的話，可以用

window.open(下載網址)

但是使用者體驗不好，大量開啟視窗 或 Tab。

另一個辦法是動態建立 iframe 並把 src 指向下載網址

可以看看這個包的實現方法，或直接引用之：

multi-download