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

Question

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()
    }
  },

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

Answer 1

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