vue前端循环apiList这个列表,通过比对列表下的api的id和apiBindId是否相同,来设置apiBindName等于apiName
时间: 2024-05-10 14:20:38 浏览: 32
vue实现循环滚动列表
可以使用Vue的计算属性来实现这个功能。
假设apiList是一个数组,每个元素包含id、apiName和apiBindId等属性。那么可以定义一个计算属性,遍历apiList,对于每个元素,检查它的apiId和apiBindId是否相同,如果相同,就将apiBindName设置为apiName。
代码示例:
```javascript
computed: {
apiListWithBindName() {
return this.apiList.map(api => {
if (api.id === api.apiBindId) {
api.apiBindName = api.apiName;
}
return api;
})
}
}
```
在模板中,可以使用这个计算属性来展示带有apiBindName的apiList:
```html
<ul>
<li v-for="api in apiListWithBindName" :key="api.id">
{{ api.apiName }} ({{ api.apiBindName }})
</li>
</ul>
```
阅读全文