[ { "ZJH": "网点规划办公室", "c5": 958, "wcl": 42 }, { "ZJH": "运营服务部", "c5": 1973, "wcl": 59 }, { "ZJH": "网络金融部", "c5": 6430, "wcl": 68 } ] 请基于vue框架的js语句,处理以上数据,将wcl的值赋予data,最终处理为以下数据: data: [111, 256, 178, 152, 266, 132]
时间: 2023-07-21 08:02:23 浏览: 72
vue-music-zjh:模仿huangyi的vue-music项目
你可以使用以下的Vue框架的JavaScript代码来处理数据并生成`data`数组:
```javascript
data() {
return {
data: [],
};
},
created() {
const rawData = [
{
ZJH: "网点规划办公室",
c5: 958,
wcl: 42,
},
{
ZJH: "运营服务部",
c5: 1973,
wcl: 59,
},
{
ZJH: "网络金融部",
c5: 6430,
wcl: 68,
},
];
this.data = rawData.flatMap((item) => [item.wcl, item.c5]);
},
```
在上述代码中,我们首先定义了一个空数组`data`作为Vue组件的data属性。然后,在`created`生命周期钩子函数中,我们使用`flatMap`方法遍历原始数据数组`rawData`,对每个元素进行处理。
对于每个元素,我们将其`wcl`和`c5`的值分别添加到`data`数组中。最后,将处理后的数据赋值给`this.data`,即可得到最终的结果。
请注意,以上代码假设你已经正确配置了Vue框架,并将其与你的HTML模板进行了绑定。
阅读全文