Vue实现url到二维码

Vue实现url到二维码，把链接转换为二维码显示。

安装QrcodeVue

npm install –save qrcode.vue

QrcodeVue实现

1
2
3
4
5
6
7
8
9
10
11
12
<template>
	<qrcode-vue :value="qrCodeUrl" :size="qrCodeSize" level="H" />
</tempalte>

<script>
import QrcodeVue from "qrcode.vue";
import { ref } from "vue";

let qrCodeUrl = ref("https://www.baidu.com/");
let qrCodeSize = ref(150);

</script>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

徘徊在原子与字节的边缘<br><br>将更好的自己呈现给世界<br><br><br><br>修心至要，事上磨练<br><br>一蓑衣，一壶酒，一曲长歌，一剑天涯<br><br>见自己，见天地，见众生<br><br>