You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
6 years ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<h2>{{ thread_title }}</h2>
|
||
|
|
<h3>By {{ creator.name }}</h3>
|
||
|
|
<div class="card card-body" v-for="post in posts" v-bind:key="post.id">
|
||
|
|
<p>{{ post.poster.name }}</p>
|
||
|
|
<p>{{ post.content }}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: ['thread_id'],
|
||
|
|
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
id: '',
|
||
|
|
thread_title: '',
|
||
|
|
creator: {
|
||
|
|
name: ''
|
||
|
|
},
|
||
|
|
posts: [],
|
||
|
|
post: {
|
||
|
|
id: '',
|
||
|
|
content: '',
|
||
|
|
poster: {
|
||
|
|
name: ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
created() {
|
||
|
|
this.fetchThread();
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
fetchThread() {
|
||
|
|
fetch("../api/thread/" + this.thread_id)
|
||
|
|
.then(res => res.json())
|
||
|
|
.then(res => {
|
||
|
|
this.id = res.id;
|
||
|
|
this.thread_title = res.thread_title;
|
||
|
|
this.creator = res.creator;
|
||
|
|
})
|
||
|
|
.catch(err => console.log(err));
|
||
|
|
|
||
|
|
fetch("../api/post/thread/" + this.thread_id)
|
||
|
|
.then(res => res.json())
|
||
|
|
.then(res => {
|
||
|
|
this.posts = res.data;
|
||
|
|
})
|
||
|
|
.catch(err => console.log(err));;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|