如何在 vue 中使用下载属性？答案

【问题标题】：How to use download attribute in vue?如何在 vue 中使用下载属性？
【发布时间】：2019-08-06 11:19:14
【问题描述】：

我可以设置

download='filename'

在 html 中的一个标签。现在在vue模板中，我是这样的

:download="item.name"

在 v-for 循环中，但它不起作用。我下载的文件未命名为 v-for 循环项的“名称”值。这是我的循环部分。

<div v-for="(item, index) in attachmentFile" :key="item.id">
  <a :href="item.url" :download="item.name">
    <div class="icon-holder icon-download"></div>
  </a>
</div>

【问题讨论】：

您应该将 id 作为键添加到您的 vue v-for
@mhrabiee 你是说 v-for 循环上的绑定键吗？我已经做到了。
请提供更多代码
你能在代码中显示你的循环吗...不仅仅是下载部分？
查看codepen.io/softkhalid/pen/rXpxKg

标签： javascript html vue.js

【解决方案1】：

<div id="app">
<div v-for="(item, index) in attachmentFile" :key="item.id">
{{item}}
  <a :href="item.url" :download="item.name">
    <div class="icon-holder icon-download">AAAAA</div>
  </a>
</div>
</div>


var app = new Vue({
  el: '#app',
  data: {
    attachmentFile: [{id:"1", name: "filename", url: "url"}]
  }
});

div标签的InnerHTML是空的，所以看不到任何结果。

【讨论】：