vue data:[ { "severity": "SERIOUS", "count": "1" }, { "severity": "URGENT", "count": "2" } ]把count的值单独循环出来
时间: 2023-08-24 13:04:37 浏览: 87
vue v-for直接循环数字实例
在 Vue.js 中,你可以使用 v-for 指令来遍历数组并将 count 的值单独循环出来。以下是一个示例代码:
```html
<template>
<div>
<ul>
<li v-for="item in data" :key="item.severity">{{ item.count }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{ severity: "SERIOUS", count: "1" },
{ severity: "URGENT", count: "2" }
]
};
}
};
</script>
```
在上面的代码中,我们定义了一个名为 data 的数组,其中包含了两个对象,每个对象都有 severity 和 count 属性。我们使用 v-for 指令遍历 data 数组,并将每个对象的 count 属性渲染为一个 li 标签。
当你运行上述代码时,你将会在页面上看到数组中每个对象的 count 属性的值单独循环出来,即 1 和 2。
阅读全文