1 回答

TA貢獻(xiàn)1712條經(jīng)驗 獲得超3個贊
你應(yīng)該有這樣的東西 _id.vue
<template>
<div>
<div v-if="article">
<h1>{{article.title_slug}}</h1>
</div>
<div v-else></div>
</div>
</template>
<script>
import articles_service from '../assets/example_all_articles.json'
export default {
data() {
return {
article_list: articles_service.data.guides,
article: null
}
},
asyncData({ params }) {
return {
id: params.id
}
},
watch: {
id: {
immediate: true,
handler(id) {
if (id) {
this.article = this.article_list.find(f => {
return f.title_slug === this.id
})
}
}
}
}
}
</script>
確保它們title_slug在列表中是唯一的。
添加回答
舉報