vue 点击下载按钮下载图片

样子就类似于下图:
在这里插入图片描述
在data中定义一个变量addImg

 data() {
    return {
       adImg:require('../../../../public/aixin.png')
    };
  },

定义一个事件

<div class="text" @click="downLoad" id="mubanId">
          下载模板
        </div>
downLoad() {
      this.click();
    },
    click() {
      var link = document.createElement("a");
      link.download = 'muban';
      link.href = this.adImg;
      link.click();
      link.remove();
    },

你可能感兴趣的:(JavaScript,javascript)