前端怎么接收后端返回的微信二维码url并把图片显示在img标签中?

后端返回了通过https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=TICKET 地址生成的二维码url,前端vue该怎么接收并把二维码图片显示在img标签中?

:src = "接收到的图片url"

  • 这篇博客: vue动态拼接图片路径、img地址拼接问题 [模板字符串]中的 (三)别人的解决方法与反思 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 之前在网上搜索的方法大多是利用require包裹,但是似乎得利用cli脚手架,对于只是把vue.js引用到html的传统开发方式来说,会报require未定义的错误,如果自己手动下载require.js再引入html页面中也不能解决问题会报require error(具体我没细看了)
    (↓传统开发模式)

    <script type="text/javascript" src="path/js/vue.js"></script>
    

    不过还是放一个别人利用require写的方法吧

    // 最终修改,正常加载
    <img :src="require(`../assets/${ss[1]}.svg`)" alt="" />
    // 网络图片,这样就可以正常显示
    <!-- <img :src="ss[2]" alt="" /> -->
    

    他人的原贴:vue–dom中字符串拼接、img地址拼接问题

    https://www.cnblogs.com/jry199506/p/11387761.html

    ps:一开始出错还以为是自己不熟悉vue的锅,后来才发现是记错了json数组的字段了,所以如果不能根据报错找到错误,下次记得先检查数据的正确性和数据使用的正确性!

返回的是一个url,将这个url生成为二维码图片?用qrcode插件