网站怎样做wap端/上海百度推广优化

Vue-qr实现二维码的生成

今儿遇到个需求：要在某个表格中展示出二维码。通过一番学习，最后选择使用vue-qr来实现该效果，具体流程如下。

安装vue-qr
这里我使用的是npm安装

npm install vue-qr --save

引入vue-qr
在需要的页面导入，并在components里面注册

<script>import vueQr from "vue-qr"export default{name:"demo",data(){return{tableData:[{…url:"https://www.baidu.com"},…]}},components:{vueQr}}</script>

使用组件
在对应的地方加入该组件

…
<vue-qr :option={size:200} :value="传的url"></vue-qr>

这个也可以封装成可复用的组件，只需传值即可。之后再补充二维码的批量下载