网站开发算什么费用/株洲做网站

首先安装一下面这个插件

 cnpm install vue-qr -S

接下来在需要生产并下载二维码的页面引入

import VueQr from 'vue-qr'

并在components中注册为组件

components: {VueQr // 二维码组件
},
data() {return {config: { // 二维码配置logo: '',value: ''}}
},
methods: {// 点击触发下载二维码downQRImg (data, type) {this.config = {logo: '二维码中心logo',value: '二维码内容'}let timer = setInterval(() => {	// 做一个定时器防止二维码未生成时候就下载而获取不到二维码地址if (this.$refs.Qrcode.$el.src) {const iconUrl = this.$refs.Qrcode.$el.src	// 二维码地址let a = document.createElement('a')let event = new MouseEvent('click')a.download = data.TenantName	// 二维码名称a.href = iconUrla.dispatchEvent(event)clearInterval(timer)this.$message.success('二维码已下载')this.config = {logo: '',value: ''}}}, 100)},
}

在html代码里面加入以下代码

<vue-qrid="qrcodeimg"ref="Qrcode"style="display:none":logo-src="config.logo":text="config.value":size="200":margin="0"
/>