关于vue和apicloud配合使用的问题

WilliamYao

本小白最近在使用vue配合api.ajax获取后台数据并渲染时，如果在apiready中使用api.ajax，vue就用不了了，我想问下该如何处理这样的事情？
apiready = function(){
        new Vue({
            el:".container",
            data:{
                choiceGoods:[]
            },
            methods:{

            },
            created:function(){
                var xhr;
                api.ajax({
                    url: '',
                    method: 'get',
                    headers: {
                        "X-APICloud-AppId": appid,
                        "X-APICloud-AppKey": appKey,
                        "Authorization":accessToken
                    }
                }, function(ret, err) {
                    if(ret){
                        alert(111);
                    }
                    if (ret.status == 1) {
                        _self.choiceGoods=ret.quality_activitys;
                        $api.toast('通信成功', '', 1000);
                    } else if(ret.status == 2){
                        $api.toast('通信失败', '', 1000);
                    }
                });
            }
        })

    }

码上更新

先写vue 在created里面写apiready=function(){}

残风落叶几时休

你这代码只贴了一半，而且这个配合使用是没有任何问题的，检查一下代码吧

杨愿

可以实例化vue和获取页面数据分开写。

青春尾巴

实例化Vue时使用空数据，然后获取数据再把数据赋值进去，有数据变化时Vue就会重新渲染界面。

WilliamYao

青春尾巴 发表于 2018-7-9 15:08
实例化Vue时使用空数据，然后获取数据再把数据赋值进去，有数据变化时Vue就会重新渲染界面。 ...

谢谢 我的问题已经解决了

WilliamYao

杨愿 发表于 2018-7-9 14:01
可以实例化vue和获取页面数据分开写。

谢谢，我的问题已经解决了

qianyumo

请问怎么分开写  可贴片段代码吗

龚涛啊

朋友。你问题怎么解决的？能不能贴代码看看?

飞翔的翔

qianyumo 发表于 2018-8-15 18:54
请问怎么分开写  可贴片段代码吗

实例化Vue的时候  data里的参数可以设置为空，然后在ajax获取到数据赋值就可以了