shoujing1001
shoujing1001
采纳率0%
2019-01-19 01:57 阅读 6.4k

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条回答 默认 最新

  • qq_36022290 zhenyu-s5 2019-04-18 15:29

    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));
        }
    
    点赞 评论 复制链接分享
  • shoujing1001 shoujing1001 2019-04-22 23:50

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

    点赞 评论 复制链接分享

相关推荐