Как выдвинуть новые данные на первое место в списке
Здравствуйте, как переместить новые данные в верхний список с помощью vue.js и laravel, я пытался, но все равно потерпел неудачу, я надеюсь, что кто-то может помочь с этой проблемой.
это мой контроллер.
public function addComment()
{
$this->validate(request(), [
'comment' => 'required',
]);
$comment = [
'comment' => request()->comment,
'article_id' => request()->article_id,
'user_cid' => Auth::user()->user_cid,
];
$comment = ArticleComment::create($comment);
return new ArticleCommentResource($comment);
}
а это мой вю.js метод
data() {
return {
data: [],
comments:[],
form: new Form({
comment: '',
article_id: this.articleid,
})
}
},
methods: {
onSubmit() {
this.showLoader = true
this.form.post('add-comment')
.then(response => {
console.log(response.article_id);
this.form.article_id = response.article_id;
});
},
}
как с этим справиться, спасибо
Надеюсь, кто-нибудь сможет помочь
У вопроса есть решение - Посмотреть?

Что вы хотите протолкнуть и в какой список ?
Источник

Я хочу протолкнуть свой комментарий наверх
Источник

Без обновления страницы
Источник

Вы имеете в виду в начале списка?
Источник

вы можете использовать это.комментарии.unshift (), чтобы нажать на верхнюю часть
Источник

@webprogrammer да
Источник
Ответы - Как выдвинуть новые данные на первое место в списке / How to push new data input to top on the list

28.01.2020 04:13:35
<script>
import Form from 'form-backend-validation';
export default {
data:() => ({
form: new Form({
article_id: null,
}),
}),
mounted() {
this.fetch();
},
methods: {
async fetch() {
const response = await this.form.post('add-comment');
this.form.article_id = response.comment.article_id;
}
}
}
</script>
Пожалуйста, попробуйте это.
Является ответом!

28.01.2020 04:40:55
Предполагая, что ваш список просто петляет по вашему массиву комментариев, вам нужно нажать на ответ в первой позиции списка:
onSubmit() {
this.showLoader = true
this.form.post('add-comment')
.then(response => {
this.comments.unshift(response);
});
},
Это предполагает, что ответ является фактическим комментарием (Я не могу видеть в вашем классе формы).
Помочь в развитии проекта: