vue 找到eSourcingRoute:RouteRecordRaw[]的数组里title是My Request的一行
时间: 2023-12-30 22:05:51 浏览: 17
您可以使用 Vue Router 的 `find` 方法来查找 `eSourcingRoute` 数组中 `title` 属性为 `"My Request"` 的那条路由记录。具体代码如下:
```
const myRequestRoute = eSourcingRoute.find(route => route.title === 'My Request');
```
这将返回 `eSourcingRoute` 数组中第一个 `title` 属性为 `"My Request"` 的路由记录。如果找不到匹配的路由记录,`myRequestRoute` 将为 `undefined`。
相关问题
vue 找到eSourcingRoute:RouteRecordRaw[]的数组里title是My Request的一行,然后修改title 为My Request(2)
您可以使用 Vue Router 的 `findIndex` 方法来查找 `eSourcingRoute` 数组中 `title` 属性为 `"My Request"` 的那条路由记录的索引,然后通过索引来修改该路由记录的 `title` 属性。具体代码如下:
```
const myRequestIndex = eSourcingRoute.findIndex(route => route.title === 'My Request');
if (myRequestIndex !== -1) { // 如果找到了匹配的路由记录
eSourcingRoute[myRequestIndex].title = 'My Request (2)'; // 修改该路由记录的 title 属性
}
```
这将查找 `eSourcingRoute` 数组中第一个 `title` 属性为 `"My Request"` 的路由记录的索引,并将该路由记录的 `title` 属性修改为 `"My Request (2)"`。如果找不到匹配的路由记录,`myRequestIndex` 将为 `-1`,此时不会进行修改。
vue+elementui从对象数组里取出一个对象
假设你有一个对象数组,每个对象都有一个唯一的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>
```