现在前端常常会见到这样的功能,就是将 url 链接转成二维码展示,接下来就介绍一下将 url 转成二维码的插件 vue-qriously 的用法(vue中)
1:下载vue-qriously
npm i vue-qriously -S
2:全局引入
//在main.js中进行全局引入
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)
3:在页面使用
<template>
<div>
<qriously :value="qrcodeUrl" :size="100" />
</div>
</template>
<script>
export default{
data(){
return {
qrcodeUrl: 'www.baidu.com'
}
}
}
</script>