Uni APP请求接口数据在前端无法调用

我写了如下图所示的代码,想要把接口数据请求到前端,然后根据需要调用,但是如最后一张图所示,调用照片没实现

img

img

img

img

最后一个图,src前面应该是逗号吧

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/693931
  • 这篇博客也不错, 你可以看下uni-app中同一个页面如何设置多个弹出层(弹框)
  • 除此之外, 这篇博客: uni-app常见问题以及解决方案中的 不同状态展示不同的图片时,如果状态类型比较多时,不建议使用三元运算符来切换图片路径? 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • /* 这里的item就是列表循环中的某一项 */
    <image class="icons" :src="getIcon(item)" mode=""></image>
    
    ------js--------
    
    const faceIcon = require('../../static/imgs/face_icon.png')
    const cryIcon = require('../../static/imgs/cry_icon.png')
    <script>
          export default {
    			data() {
                	return {
                        faceIcon,
                        cryIcon
                    }
                },
               	methods: {
                  getIcon(item) {
                    const type = item.type 
                    if (type === 0) {
                        return this.faceIcon
                    } else {
                        return this.cryIcon
                    } ......
                    // 当然如果类型过多建议使用swich或其他方法,注意:faceIcon、cryIcon都是图标文件
        	 	  }
    			}
    	  }
    
  • 您还可以看一下 郑楚绵老师的uni-app实战视频点播app小程序课程中的 自定义播放器开发(八)-进度条(3)小节, 巩固相关知识点

应该是this的指向有问题,在uni.request外层定义一个that

let that = this

请求晚数据赋值的时候使用that去做

that.goodsContent = xxxxx

接口返回的数据结构就是数组吗,res.data代表的是后端返回的数据结构 是不是还有一级