Vue JS - Показать данные, если две строки из двух разных json массивов совпадают - PullRequest
Новая
       10

Vue JS - Показать данные, если две строки из двух разных json массивов совпадают

0 голосов
/ 07 апреля 2020

В моем приложении Vue JS я хотел бы отображать div, только если две строки совпадают с двумя разными json массивами.

Я использую Ax ios, чтобы получить два разные конечные точки json, объединяющие их в два массива и отображающие данные в виде.

Следующие строки должны соответствовать следующим значениям: 

[
  {
    "info": [
      {
        "uuid": "888"
      }
    ]
  }
]

[
  {
    "postId": "888"
  }
]

Я отправляю uuid в представлении с использованием al oop 

<div v-for="posts in $route.params.post.postdata" :key="post.uuid">
<p>{{ post.uuid }}</p>
</div>

и идентификатора поста 

<div v-for="special in specials" :key="special.postId">
<p>{{ special.postId }}</p>

просмотр моих сведений 

export default {
  data () {
    return {
      loading: false
    }
  },

  computed: {
    specials () {
      return this.$store.state.specials
    }
  },

  created () {
    this.loading = true
    this.$store.dispatch('fetchPosts')
      .then(specials => {
        this.loading = false
      })
  }
}

Нужен ли мне метод и v-if

1 Ответ

2 голосов
/ 07 апреля 2020

В вашем примере есть некоторые несоответствия именования, и мы не знаем, с чем соотносятся параметры маршрута. info явно нигде не используется, и неясно, для какого макета вы пытаетесь. Но вот мое предположение, предполагая, что внешний l oop представляет info

<div v-for="post in $route.params.post.postdata" :key="post.uuid">
   {{ post.uuid }}
   <template v-for="special in specials">
      <p v-if="post.uuid == special.postId">{{ special }}</p>
   </template>
</div>
...