vue + 图像下载

<el-button @click="downs">下载</el-button>

// 下载
downs() {
    // 以时间来命名图片，防止重名
   let name = new Date().getTime();
   let imageUrl = '图像链接'
   this.downloadIamge(imageUrl, `${name}`);
},
// 方法
downloadIamge(imgsrc, name) {
   var image = new Image();
   image.setAttribute("crossOrigin", "anonymous");
   image.onload = function() {
     var canvas = document.createElement("canvas");
     canvas.width = image.width;
     canvas.height = image.height;
     var context = canvas.getContext("2d"); 
     context.drawImage(image, 0, 0, image.width, image.height);
     var url = canvas.toDataURL("image/png");

     var a = document.createElement("a"); 
     var event = new MouseEvent("click"); 
     a.download = name || "photo"; 
     a.href = url; 
     a.dispatchEvent(event);
   };
   image.src = imgsrc; 
 },