后端返回了通过https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=TICKET 地址生成的二维码url,前端vue该怎么接收并把二维码图片显示在img标签中?
:src = "接收到的图片url"
之前在网上搜索的方法大多是利用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
插件