Объект HTMLTextAreaElement в vue js

Question

Я использую "laracasts/utilities" пакет laravel для передачи переменных laravel в js-файлы.Ниже мой код в моем контроллере:

        JavaScript::put([
        'description' => $room->description
    ]);

И мой код vue js:

var keywordcount = new Vue({
el: "#desc-edit",
data: {
    maxdesc: 160,
    desc: description
},
computed: {
    descEdit: function() {
        return this.maxdesc - this.desc.length;
    }
 }
});

Я получаю вывод [object HTMLTextAreaElement] в текстовой области моей формы редактирования.Я пробовал desc: window.description, так как 'js_namespace' => 'window' указан в файле конфигурации.

Как получить вывод в виде простого текста?

Answer 1

[object HTMLTextAreaElement] - элемент DOM текстовой области (преобразуется в строку).Чтобы получить его текстовое значение, вы можете добавить .value к элементу.

, например, если window.description является элементом textarea, то window.description.value дает вам текстовое значение.Поэтому то, что вы хотите, это, вероятно, что-то вроде,

data: {
    // ...
    desc: window.description.value
},