Vue를 사용하여 구현된 최신 WordPress 기사를 표시합니다.
<p>Vue를 사용하여 WordPress 블로그를 다시 구축하고 있습니다. 지난 3개의 게시물을 표시하려고 하는데 여기에서 표시했습니다: </p>
<pre class="brush:php;toolbar:false;"><템플릿>
<섹션>
<h4>최근 기사</h4>
<div class="최근 게시물">
<div v-for="(post, index) in post.slice(0, 3)" :key="post.id" class="post">
<div :key="색인">
<nuxt-link :to="`/blog/${post.slug}`" class="post-image" :style="{ backgroundImage: 'url(' + post.fimg_url + ') ' }"></nuxt-link>
<div class="포스트 텍스트">
<nuxt-link :to="`/blog/${post.slug}`" class="post-title" v-html="post.title.rendered">/nuxt- 링크>
</div>
</div>
</div>
</div>
</섹션>
</템플릿>
<스크립트>
'vuex'에서 { mapState, mapActions } 가져오기;
기본값 내보내기 {
이름: '최근',
만들어진() {
this.getPosts();
},
소품: {
슬러그: 문자열
},
계산됨: {
...mapState(['게시물']),
},
방법: {
...mapActions(['getPosts']),
}
};
<p>이 코드는 잘 작동하지만 현재 기사가 가장 최근 기사 3개 중 하나인 경우 현재 기사를 제외하고 3개 기사를 표시하고 싶습니다. </p>
