electron VueJS将数据追加到< pre />

mcdcgff0 于 2022-12-08 发布在 Electron

关注(0)|答案(1)|浏览(145)

我有一个电子应用程序，它运行一个程序，并在数据到达时捕获stdout。
我尝试在html pre元素中显示此输出的内容。
我可以创建一个变量，并在收到输出数据时不断追加它来完成此操作。
我想知道是否有更好的方法来使用VueJS来实现这一点？而不是构建一个字符串并让Vue呈现如下变量：

<pre>
   {{ outputBuffer }}
</pre>

是否有一种方法可以直接在接收到数据时追加数据。因此，理想情况下，outputBuffer将包含传入的新数据，我可以将其追加到pre元素中，就像在计算属性中使用.innerHTML一样。

electron

来源：https://stackoverflow.com/questions/50244784/vuejs-best-way-to-append-data-to-a-pre

1条答案

按热度按时间

xxls0lw81#

这看起来像是v-text和v-for指令的一个很好的用例。让outputBuffer成为一个数组，你也可以在其中追加你的内容。然后这样做。如果你不需要的话，一定要从参数中删除key和index。

<pre>
  <template 
    class="scriptview-block-property"
    v-for="(value, key, index) in outputBuffer"
    v-text="value"
  />
</pre>

v-text适用于不是由多个字符串组成的文本。它可以防止出现不需要的换行符等内容，还可以转义输入的变量，因此输出中的</div>不会破坏您的应用程序。https://v2.vuejs.org/v2/api/#v-text
v-for在该数组上循环，并为您提供要呈现的每个元素。https://v2.vuejs.org/v2/api/#v-for

赞(0）回复(0）举报 2022-12-08

我来回答

electron VueJS将数据追加到< pre />

1条答案

相关问题

热门标签

最新问答