Vue 胡须在 SVG <text>中未更新

Question

谁能解释为什么<text>中的文本不更新？

https://codepen.io/guanzo/pen/lyjdkq?editors=1010

当我使用 v-html="currentText"而不是胡须语法时，它起作用。

Answer 1

vue 〜2.0

不支持胡子语法

双胡子将数据解释为纯文本，而不是HTML。为了输出实际HTML，您需要使用V-HTML指令：

<div v-html="rawHtml"></div>

将内容插入为普通的HTML-忽略数据绑定。请注意，您不能使用V-HTML来构成模板部分，因为VUE不是基于字符串的模板引擎。取而代之的是，组件首选为UI重复使用和组成的基本单元。

https://v2.vuejs.org/v2/guide/syntax.html#raw-html

https://v2.vuejs.org/v2/api/#v-html