关于给script部分写一个遍历语句

事情是这样的

这是一段vue3 script的一部分代码,echarts的数据部分



              { value: 1048, name: 'Search Engine' },
              { value: 735, name: 'Direct' },
              { value: 580, name: 'Email' },
              { value: 484, name: 'Union Ads' },
              { value: 300, name: 'Video Ads' },

我现在想用我的后端接口实现遍历打印出来这部分代码。
或者是您有别的好的思路也可以提供给我

这是接口数据:


[{"phone":"18754454354","count":"8"},{"phone":"15565465464","count":"4"},{"phone":"18264344562","count":"6"},{"phone":"18998878523","count":"3"},{"phone":"19999999999","count":"2"}]

最后的效果其实就是一个饼图带着我的数据显示一下,很简单。主要接口的使用有点问题

没有太明白你的意思,你是想 循环遍历打印出你下面那个后端的数据吗

let arr=
[{"phone":"18754454354","count":"8"},{"phone":"15565465464","count":"4"},{"phone":"18264344562","count":"6"},{"phone":"18998878523","count":"3"},{"phone":"19999999999","count":"2"}]

arr.forEach(el=>{
console.log(el)
})

很简单啊,要么你自己改echatrs 里面 data数据的属性,把 value 跟 name 换成你的phone 跟 count,要么你自己把接口数据转换成value 跟name;
方法如下:

let arry = []; //这就是你的接口数据,我不写数据进去了,自己填
let newArry = [];
newArry = arry.map((data) => {
  return {
  value: data.phone,
name: data.count
}
})
//得到的  newArry 就是根据接口数据转换成了  valuename 的形式