Обновление необходимо, чтобы увидеть изменения, используя Vue - PullRequest
Новая
       15

Обновление необходимо, чтобы увидеть изменения, используя Vue

0 голосов
/ 04 января 2019

Добавление новых данных работает хорошо для меня, но я хотел бы увидеть их немедленно. На данный момент я должен сделать обновление. Как я мог добиться такого эффекта? Я использую Laravel и Vue.

Это как-то связано с методом push, но я не знаю, что делать дальше

Вот мой код: 

import JQuery from 'jquery'

let $ = JQuery
export default {
    data() {

        return {
            word: { 'title': '', 'second_title': '', 'status': '' },
            toggle: false,
            words: []
        }
    },
    created() {

        axios.get('./api/word')
            .then(response => this.words = response.data);
        Event.$on('taskCreated', (title, second_title) => {


            this.words.push(title);
            this.words.push(second_title);
        })
    },
    mounted() {
        console.log('Component mounted.')
    },
    directives: {
        focus: {
            inserted: function (el) {
                el.focus()
            }
        }
    },
    methods: {
        editWord() {

            $(".edit").toggle();
            $(".inner").toggle();

        },
        doneEdit(id) {
            var input = this.word;

            console.log(input)
            axios.patch('/api/word/' + id, input)
                .then((response) => {
                    this.word = { 'title': '', 'second_title': '', 'id': '', 'status': '' };
                    console.log("Success edit");
                })
        },

    }
}

1 Ответ

0 голосов
/ 05 января 2019

Спасибо, ребята. Я нашел полезный ресурс, он должен работать, но у меня есть проблемы с его реализацией в моем коде. Выкладываю ссылку на решение:

http://michaelnthiessen.com/force-re-render/ (Лучший способ: смена ключа)

И к моему большему куску кода: https://pastebin.com/xxjZJ1kL

Скажите, пожалуйста, как это реализовать, потому что когда я добавляю этот код: 

<template>
  <component-to-re-render :key="componentKey" />
</template>

Я теряю видимость некоторых элементов. Я думаю, что должен как-то назвать свой компонент, но я не знаю, что делать дальше.

...