[ { "ZJH": "网点规划办公室", "c5": 958, "wcl": 42 }, { "ZJH": "运营服务部", "c5": 1973, "wcl": 59 }, { "ZJH": "网络金融部", "c5": 6430, "wcl": 68 } ] 请基于vue框架的js语句,处理以上数据,将wcl的值赋予data,最终处理为以下数据: data: [42, 59, 68]
时间: 2023-07-21 09:03:40 浏览: 66
vue-music-zjh:模仿huangyi的vue-music项目
你可以使用以下的Vue框架的JavaScript语句来处理这数据:
```javascript
<script>
new Vue el: '#app',
data: {
data []
},
mounted() const originalData = [
{
"ZH": "网点规办公室",
c5": 958,
"cl": 42
{
"ZH": "运营服务",
"c5":1973,
"cl": 59
},
{
"ZJH": "网络金融部",
"c5": 6430,
"wcl": 68
}
];
this.data = originalData.map(item => item.wcl);
}
});
</>
```
在上述代码中,`mounted` 钩子函数被用于在 Vue 实例挂载后执行数据处理操作。`originalData` 数组包含了原始的数据。通过 `map` 方法,我们提取出每个对象中的 `wcl` 值,并将它们赋值给了 `data` 数组。最终,`data` 数组的值为 `[42, 59, 68]`。
阅读全文