T1747989800 2022-12-29 14:53 采纳率: 50%
浏览 56
已结题

uniapp通过接口获取到的数据无法显示在页面上

问题遇到的现象和发生背景

uniapp通过接口获取数据,控制台可以打印页面却显示不出数据

遇到的现象和发生背景,请写出第一个错误信息

无错误提示

用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%
<template>
    <view>
        <view >
            <button  @click="sendGet">微信热搜</button>
        </view>
        <view v-for="(item,index) in resous" :key="item.id">
           {{item}}
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                resous:[],
            }
        },
        methods: {
            sendGet(){
                uni.request({
                    url:'http://apis.juhe.cn/fapigx/wxhottopic/query?key=781e4a1482b399f3bbaf0b3ce2e26b80',
                    success(res){
                        this.resous=res.data.result.list;
                        console.log(res.data.result.list);
                    }
                })
            }
        },
        
    }
</script>

<style>

</style>



运行结果及详细报错内容

img

我的解答思路和尝试过的方法,不写自己思路的,回答率下降 60%
我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”
  • 写回答

1条回答 默认 最新

  • 雾里桃花 2022-12-29 15:04
    关注

    应该是this指向出问题了,按照下面这么做

     sendGet(){
                    let that = this;
                    uni.request({
                        url:'http://apis.juhe.cn/fapigx/wxhottopic/query?key=781e4a1482b399f3bbaf0b3ce2e26b80',
                        success(res){
                            that.resous=res.data.result.list;
                            console.log(res.data.result.list);
                        }
                    })
                }
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 1月6日
  • 已采纳回答 12月29日
  • 创建了问题 12月29日

悬赏问题

  • ¥15 (标签-STM32|关键词-智能小车)
  • ¥20 关于#stm32#的问题,请各位专家解答!
  • ¥15 (标签-python)
  • ¥15 第一个已完成,求第二个做法
  • ¥20 搭建awx,试了很多版本都有错
  • ¥15 java corba的客户端该如何指定使用本地某个固定IP去连接服务端?
  • ¥15 activiti工作流问题,求解答
  • ¥15 有人写过RPA后台管理系统么?
  • ¥15 Bioage计算生物学年龄
  • ¥20 如何将FPGA Alveo U50恢复原来出厂设置哇?