Как получить значение переменной VueJS?

Question

[Konstantin Malyarov]

JS

var socket = new WebSocket("ws://" + window.location.host + ":8081/")

new Vue({
    delimiters: ['{>', '<}'],
    el: '#patient_history',
    data: {
        department: ''
    },
    methods: {
        getWebSocket: function () {
            var self = this
            socket.onopen = function () {
                console.log("Соединение установлено.");
                console.log(self.department)
                socket.send(document.location)
            };

            socket.onclose = function (event) {
                if (event.wasClean) {
                    alert('Соединение закрыто чисто');
                } else {
                    alert('Обрыв соединения'); // например, "убит" процесс сервера
                }
                alert('Код: ' + event.code + ' причина: ' + event.reason);
            };

            socket.onmessage = function (event) {
                console.log(event.data)
            };

            socket.onerror = function (error) {
                alert("Ошибка " + error.message);
            };
        },
    },
    created: function () {
        console.log(this.department)
        this.getWebSocket()
    }
})

HTML

<b>Отделение:</b> {{ current_history.department }} <span v-model="department">{{ current_history.department.id }}</span>

В консоли пусто. Как получить значение после загрузки страницы?

Answer 1

[Иван]

Так вы вызываете console.log(this.department) ещё до получения данных.

Comments

[Konstantin Malyarov]

У меня django загружает страницу, затем vue считывает данные и отправляет на сервер.

[Иван]

Konstantin Malyarov, Причем тут джанга вообще?

[Konstantin Malyarov]

Иван, то что html делает Django.

[Иван]

Konstantin Malyarov, и как это связанно с Vue, который на JS?
Забегая вперед скажу - НИКАК.
Осознайте это ... Будет тяжело, но нужно будет свыкнуться с этой мыслью ...
Теперь еще раз внимательно прочтите мой первый ответ.

[Konstantin Malyarov]

Иван, сделал через JS.