1.首先安装插件vue-qriously
npm install vue-qriously --save
2.在main.js
中进行引入
//main.js
import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)
3.在HTML
中进行使用
<template>
<div>
<qriously :value="qrcode" :size="200" />
</div>
</template>
<script>
export default {
data() {
return {
qrcode: 'www.baidu.com'
}
}
}
</script>