response.data.map(t => t.successNum)转换成vue3的写法
时间: 2024-04-11 20:27:28 浏览: 183
Vue.js使用axios动态获取response里的data数据操作
在Vue3中,你可以使用`v-for`指令来遍历数组和映射数据。下面是将`response.data.map(t => t.successNum)`转换为Vue3写法的示例:
```html
<template>
<div>
<div v-for="t in response.data" :key="t.id">
{{ t.successNum }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
response: {
data: [
{ id: 1, successNum: 10 },
{ id: 2, successNum: 20 },
{ id: 3, successNum: 30 }
]
}
};
}
};
</script>
```
在上面的示例中,我们使用`v-for`指令遍历`response.data`数组,然后使用`:key`绑定每个循环项的唯一标识符(在这里我们使用了`t.id`)。然后,我们可以通过`{{ t.successNum }}`来显示每个循环项中的`successNum`属性的值。
阅读全文