生成二维码qrcode

最新推荐文章于 2024-03-12 11:41:09 发布

爱睡D小猪

最新推荐文章于 2024-03-12 11:41:09 发布

阅读量372

点赞数 7

分类专栏： APP功能相关文章标签：前端

本文链接：https://blog.csdn.net/zhouloverbrother/article/details/136043800

版权

APP功能相关专栏收录该内容

7 篇文章 2 订阅

订阅专栏

npm install --save qrcode

<script>
// 生成二维码的包
import QRCode from "qrcode";

export default {
    mounted(){
        // 这个处理方法是有缺陷的，不100%准确
        // userInfo在页面加载完才赋值
        setTimeout(v => {
            const {id} = this.$route.query;   
            const {user: {userInfo}} = this.$store.state;

             // 请求二维码
            this.$axios({
                url: `airorders/${id}`,
                headers: {
                    Authorization: `Bearer ${userInfo.token}`
                }
            }).then(res => {
                // price 用于展示
                const {payInfo, price} = res.data;

                // 生成二维码到canvas  固定写法
                const stage = document.querySelector("#qrcode-stage");
                QRCode.toCanvas(stage, payInfo.code_url, {
                    width: 200
                }); 
            })
        }, 200);
    }
}
</script>