Как выдвинуть новые данные на первое место в списке


Как выдвинуть новые данные на первое место в списке

28.01.2020 03:55:22 Просмотров 62 Источник

Здравствуйте, как переместить новые данные в верхний список с помощью 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;
                });

        },
 }

как с этим справиться, спасибо

Надеюсь, кто-нибудь сможет помочь

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/59949274/how-to-push-new-data-input-to-top-on-the-list#comment106018642_59949274
Что вы хотите протолкнуть и в какой список ?
https://stackoverflow.com/questions/59949274/how-to-push-new-data-input-to-top-on-the-list#comment106018684_59949274
Я хочу протолкнуть свой комментарий наверх
https://stackoverflow.com/questions/59949274/how-to-push-new-data-input-to-top-on-the-list#comment106018706_59949274
Без обновления страницы
https://stackoverflow.com/questions/59949274/how-to-push-new-data-input-to-top-on-the-list#comment106018738_59949274
Вы имеете в виду в начале списка?
https://stackoverflow.com/questions/59949274/how-to-push-new-data-input-to-top-on-the-list#comment106018743_59949274
вы можете использовать это.комментарии.unshift (), чтобы нажать на верхнюю часть
https://stackoverflow.com/questions/59949274/how-to-push-new-data-input-to-top-on-the-list#comment106018800_59949274
@webprogrammer да

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

Kerim Kuşcu

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>

Пожалуйста, попробуйте это.

Является ответом!
Patrick Schocke

28.01.2020 04:40:55

Предполагая, что ваш список просто петляет по вашему массиву комментариев, вам нужно нажать на ответ в первой позиции списка:

onSubmit() {
    this.showLoader = true
    this.form.post('add-comment')
        .then(response => {
            this.comments.unshift(response);
        });
},

Это предполагает, что ответ является фактическим комментарием (Я не могу видеть в вашем классе формы).

Помочь в развитии проекта:
Закрыть X