vue-qrcode生成二维码例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>vue-qrcode生成二维码例子</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <script src="http://www.itxst.com/package/vue/vue.min.js"></script>
    <script src="http://www.itxst.com/package/vue-qrcode/vue-qrcode.min.js"></script>
</head>
<body style="padding:10px;">
    <div id="app">
        <qrcode :value="text" :options="ops"></qrcode>
    </div>
    <script>
        //注册vue-qrcode组件
        Vue.component(VueQrcode.name, VueQrcode);
        var app = new Vue({
            el: '#app',
            data() {
                return {
                    text: 'http://www.itxst.com',//二维码内容
                    ops: {
                        errorCorrectionLevel: "L", //觉错级别
                        type: "image/jpeg", //渲染成的元素
                        margin: 1, //间距
                        width: 200, //二维码宽度
                        color: {
                            dark: "#000000", //前景色
                            light: "#ebebeb", //背景色
                        },
                    },
                };
            },
            methods: {
            }
        });
    </script>
</body>
</html>