В моем приложении я работаю с комментарием, каждый продукт имеет свой собственный комментарий. Комментарий в MySql содержит столбец «computer_comment» с внешним ключом (id). Когда я отправляю «computer_comment» из axios, комментарии комментариев не отображаются., Я думаю, что 'computer_comment' является нулевым или неопределенным.
Я попытался отправить 1 или 2 вместо 'computer_comment', в этом случае это работает.
CommentComponent.vue
<template>
<div>
<div v-for="l in list">
<div v-if="l.computer_comment==current">
<div class="card" >
<div class="card body" >
<h4 style="text-decoration: underline">{{l.name}}</h4>
<p >{{l.body}}</p>
</div>
</div>
<br>
</div>
</div>
</div>
</template>
<script>
export default{
props: ['message'],
data(){
return{
list: [],
comment:{
id: '',
user_comment: '',
computer_comment: '',
name: '',
body: ''
},
current: this.message
}
},
created() {
this.show_comment();
},
methods: {
show_comment(){
axios.get('/current_comment').then(result => {
this.list = result.data;
console.log(result.data);
});
},
removeCom(id){
axios.post('/remove/'+id).then(result => {
this.show_comment();
}).catch(err => {
console.log(err);
});
}
},
}
</script>
info.blade.php
<div id="info">
<comment message="{{$computer->id}}"></comment>
.....
</div>