vue+elementui从对象数组里取出一个对象
时间: 2023-11-25 21:06:09 浏览: 84
vue+element获取el-table某行的下标,根据下标操作数组对象方式
假设你有一个对象数组,每个对象都有一个唯一的id属性,你可以使用Array.prototype.find()方法来获取特定id的对象。例如,假设你要获取id为1的对象:
```javascript
const myArray = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
]
const myObject = myArray.find(obj => obj.id === 1)
console.log(myObject) // { id: 1, name: 'Alice' }
```
然后,你可以在Vue组件中使用该对象:
```html
<template>
<div>
<p>{{ myObject.name }}</p>
</div>
</template>
<script>
export default {
data() {
return {
myArray: [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
]
}
},
computed: {
myObject() {
return this.myArray.find(obj => obj.id === 1)
}
}
}
</script>
```
阅读全文