javascript - vue js 中的对象 HTMLTextAreaElement

Question

我正在使用 "laracasts/utilities" laravel 包将 laravel 变量传递给 js 文件。以下是我的 Controller 中的代码:

        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
},