text GraphQl Vue.js循环遍历边和节点

Posted 2021-05-01

<div class="box" v-for="{ node } in posts.edges">
  <article class="media">
      <div class="media-left">
          <figure class="image is-64x64">
              <img :src="node.featuredImage.guid">
          </figure>
      </div>
      <div class="media-content">
          <div class="content">
              <p>
                  <strong>{{ node.title }}</strong>
                  <small>ID {{ node.postId }}</small>
                  <small>Status {{ node.status }}</small>
                  <br> Thumbnail id {{ node.featuredImage.guid }}
              </p>
          </div>
      </div>
  </article>
</div>