美文网首页
vue-cli脚手架之二维码的生成(vue-qriously)

vue-cli脚手架之二维码的生成(vue-qriously)

作者: 一名有马甲线的程序媛 | 来源:发表于2018-07-02 13:59 被阅读61次
代码案例
  • 安装
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网页中

点击查看原文

相关文章

网友评论

      本文标题:vue-cli脚手架之二维码的生成(vue-qriously)

      本文链接:https://www.haomeiwen.com/subject/mxfluftx.html