点击按钮下载图片
转载
代码:
<template>
<!-- 下载二维码 -->
<div class="link-popup">
<div class="link-popup-con">
<img :src="imgs" />
<el-button @click="downloadqrcode">下载二维码</el-button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
imgs:require("../../assets/img/qcode.png"),
}
},
methods: {
//下载二维码
downloadqrcode(){
//必须同源才能下载
var alink = document.createElement("a");
alink.href = this.imgs;
alink.download = "二维码"; //图片名
alink.click();
this.qrcodeshow=false;
},
},
}
</script>
<style scoped>
</style>