用nuxt asyncData

最新推荐文章于 2025-06-29 16:59:09 发布

weixin_30872157

最新推荐文章于 2025-06-29 16:59:09 发布

阅读量873

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/cnchengv/p/11188755.html

该博客为转载内容，涉及JSON和JavaScript相关知识，原文链接为https://www.cnblogs.com/cnchengv/p/11188755.html 。

        async asyncData () {
            const asyncData1 = {};
            let rows = await this.getsyn();
            asyncData1.myitems = rows
            asyncData1.haha = 'haha1'
            asyncData1.project = 'haha2'
            console.log(rows)
            return asyncData1;
        },
    
        mounted(){
            console.log('row --------')
            //console.log(this.row)
            
            //this.getItems();
        },
        methods:{
            async getsyn(){
                let rows = await api.get('/api/list.json?page=1&time='+new Date().getTime() ,{});
                return rows;
            }, }

/////////////////////////////

最终解决版

其他不变---

index.vue

    async asyncData () {
          const asyncData = {};
          let rows = await api.get('http://localhost:15009/list.json?page=1&time='+new Date().getTime() ,{});
          let rowsStr =  JSON.stringify(rows)
          asyncData.myRow = rowsStr
          return asyncData;
      },

转载于:https://www.cnblogs.com/cnchengv/p/11188755.html