Axios过滤器表返回计数但不返回数据

Question

我目前正在研究ASP.Net MVC项目。我正在使用Vuejs- Axios从实体数据模型中获取数据。所以... axios.get（获取API），现在我根据收到的值显示图表，我也在同一页上显示数据表（相同的api结果）。该表有一个搜索框，当用户输入详细信息以搜索特定产品时，我的图表应显示相应的数据。问题是：我在我的Javascript中用于表格数据：创建了api请求，计算和使用的方法（用于过滤数据）。现在使用相同的过滤器方法...当我执行console.log（response.length）...我得到正确的过滤记录....但是当我编写response.data ....我得到msg为未定义... < / p>

请让像我这样的初学者知道...如何使用过滤后的数据创建新图表...

如果过滤后的数据可以显示正确的长度...也应该可以显示数据。

谢谢。

编辑：此处编码...

Javascript for chart( Vue-Chartjs):

var app = new Vue({
el:"#abc"
data:{
chart:null,
loading:false
},
created function(){
this.loading = true

axios.get('api/Work')
.then (function(response){
console.log(response.data)

calculated fields required.....

var ctx= document.getElementById("chart1")
chart....labels, datasets..etc....



Javascript - Loading table)

var app = new Vue({
el:"#abcd",
data(){
return:
fields:[
]},
created function(){

axios.get('api/Work')
.then (function(response){
console.log(response.data)
},
computed:{
mounted(){
this.totalrows= this.totalrows.length
}
},
methods:{
onfiltered(filteritems){

console.log(filteritems.length) =====returns correct table search  - i.e filtered table length.....
console.log(filteritems.data) 

=====返回undefined ...........卡在这里......

一旦获得过滤后的数据，就可以基于过滤后的值制作新图表。所以这是我需要澄清的地方。

谢谢。