生成支付二维码-

npm install vue-qr --save

代码

<template>
  <div v-show="qrcodeUrl" class="response">
    <qrcode :value="qrcodeUrl" v-if="qrcodeUrl" :options="{ size: 170 }"></qrcode>
    <p>请使用支付宝扫码支付</p>
</div>
</template>


<script>
// 引入
import QRcode from '@xkeshi/vue-qrcode'

export default {
    data:function(){
      return {
        qrcodeUrl:'1232565765需要装换成二维码的内容'
      }
    },
    components:{
        qrcode : QRcode    //他自身就是一个组件
    }
}
</script>