生成二维码qrcode

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>