vue如何将api请求收到的数据动态的显示到模板上呢?

我使用的是uniapp的框架,与vue差不多。我在请求服务端的数据后会返回给我一段数据,我想将这段数据动态的显示在模板上,请问该如何实现呢?网络请求的数据已经拿到了,但是是在请求的回调函数中。

onLoad() {
            uni.request({
                url: 'http://hd215.api.okayapi.com/?s=App.Main_Meta.Get&',
                method: 'GET',
                data: {
                    key: 'usermeta',
                    app_key: ---        
                },
                success: (res) => {
                    // res.data.data.data;
                    console.log(res.data.data.data)
                    uni.showToast({
                        title: '查询成功!',
                        mask: true,
                        duration: 1500
                    });
                },
            });         
        },

onload下为页面加载时执行的方法,uni.request为发起请求的方法。控制台输出为

add_time:"2019-01-19 00:53:17"
data:{content: "哈哈哈哈哈"}
err_code:0
err_msg:""
key:"usermeta"
update_time:""

2个回答

1、uni-app 完整支持 Vue 实例的生命周期;
2、你可以直接在created或者mounted里面写;
3、我在mpvue的代码是直接操作data里面的数据的,uniapp应该也可以。

onLoad: function (options) {
      this.chapterIndex = parseInt(options.page) + 1;
      this.bookId = options.id;
      this.getLink(this.sourceId).then(this.change(options.page));
    }

可以先在data中声明一个变量,api回调中赋值即可,模板绑定语法{{}}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问