mpvue 微信请求获取参数并取出

晓倾城

于 2021-05-21 18:05:28 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序前端文章标签： java

本文链接：https://blog.youkuaiyun.com/qq_40850266/article/details/117130888

前端同时被 2 个专栏收录

34 篇文章

订阅专栏

小程序

5 篇文章

订阅专栏

本文介绍了一个使用Vue的小程序，通过wx.request在created生命周期钩子中发送GET请求获取数据，然后将成功响应的res.data.result部分赋值给list。重点在于理解生命周期管理和数据同步的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<script>
//注意：创建页面的时候必须 暴露 、    不然可能会卡死
    export default{
        data(){
            return{                
                list:[]
            }
        },
        methods:{ 
            requestData(){
                var that=this;
                var api='http://www.00000.com/appapi.php';
                wx.request({
                    url: api, //仅为示例，并非真实的接口地址
                    data: {
                        a: 'getPortalList' ,
                        catid: '20',
                        page:'1'
                    },
                    header: {
                        'content-type': 'application/json' // 默认值
                    },
                    success: function(res) {
                        // console.log(res.data)
                        that.list=res.data.result;
                    }
                })
            } 
        }
        /*生命周期函数：可以用vue的 也可以用小程序的*/
        created(){
            this.requestData();
        }
    }
</script>

要想把请求成功后回调函数中的res.data赋值给 data(){return{
list:[]}}中的list,需要1.在声明周期函数中写上发送请求所在的那个函数，具体什么原因不清楚，查了好多资料最终的出来的；

 /*生命周期函数：可以用vue的 也可以用小程序的*/
        created(){
            this.requestData();
        }

然后在方法中声明一个变量

  var that=this;

最后这样赋值，res.data中的数据要根据你的数据结构灵活变化

  that.list=res.data.result;