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

【问题标题】：Array child in conditional rendering in vue.jsvue.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】：

我是用 foreach 做的，最简单的方法 :)

【讨论】：