vue-cli脚手架之二维码的生成（vue-qriously）

代码案例

• 安装

npm install vue-qriously --save-dev

• main.js 入口文件

import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)

• vue文件中

<template>
  <qriously :value="initQCode" :size="70">
  <!-- initQCode: 是你在你的vue实例中定义好的变量   size:是这个Canvas的大小，这里要根据你的视觉稿来决定-->
</template>
<script>
    export default {
        name: 'app',
        data() {
            return {
                initQCode: 'url'
            }
        }
    }
</script>
<style lang="less">
    /*样式*/
</style>

• 效果
  微信扫一扫后直接跳转到相应的url网页中

点击查看原文