动态将JSON数据/响应(API响应)分配给itemsArray

时间:2019-05-25 16:52:45

标签: vue.js axios vue-component

我是VueJs的新手

https://github.com/coreui/coreui-free-vue-admin-template/blob/master/src/views/base/Tables.vue

在上述提示中。我想将数据动态分配给“ someData”变量。我试图像下面那样绑定它,但是它不起作用。

var someData = () => JSON.parse("[{‘Id’:2,‘RollNo’:1000,‘email’:‘test1@test.com’,‘status’:‘Inactive’},{‘Id’:3,‘RollNo’:1001,‘email’:‘test2@test.com’,‘status’:‘Active’}]");

有什么建议吗?如何动态绑定或使用axios通过webapi绑定它?

1 个答案:

答案 0 :(得分:0)

经过一天的斗争和四处搜寻;终于找到了解决方案。

定义一个空数组并将其从const更改为var,以便在后期动态绑定数据

var someData = () => [{}]

。 。

并在已安装的方法中导出默认{}内调用api


mounted() {
    axios({ method: "GET", "url": "https://localhost:80/api/values" }).then(result => {
                  this.items = () => JSON.parse(result.data);

                }, error => {
                    console.error(error);
                    this.error= error;
                });
    }