一. 依赖安装
npm install vue-qr --save
二. 引用与使用
-
引用
<script>
// import vueqr from 'vue-qr' vue2的引入
import vueqr from 'vue-qr/src/packages/vue-qr.vue' // vue3的引入
export default {
components: {
vueqr
}
}
</script>
-
使用
<template>
<vueqr :text="text" :size="size"></vueqr>
</template>
export default{
data () {
return {
text: 'http://www.baidu.com',
size: 180
}
}
}