vue.js中条件渲染中的数组子项

Posted 2023-02-22

【中文标题】vue.js中条件渲染中的数组子项

【英文标题】：Array child in conditional rendering in vue.js

【发布时间】：2018-02-12 18:45:56

【问题描述】：

我在 laravel 上有 api，在 vue + laravel 上有前端。我从 api 获取所有数据并将其传递给查看。现在我想做条件渲染。

我的数组看起来像：

 "data" => array:2 [▼
    0 => array:5 [▶]
    1 => array:5 [▶]

如果链接中的主题与数组中的主题相同，我想显示 div。但我不知道如何搜索和比较这些词。 所以它会是这样的：

v-if="$topic == this.topic"

但现在我只能使用

v-if="$data[]['0']['topic']"

然后我对所有观点都有相同的主题。

我的链接如下：

/user/topic/post

如何正确地做？

【参考方案1】：

我是用 f​​oreach 做的，最简单的方法 :)