Vue小胡子不在SVG <text>内更新

Question

任何人都可以解释为什么<text>内的文字没有更新？

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

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

Answer 1

vue~2.0

不支持mustache语法

  

双胡须将数据解释为纯文本，而不是HTML。要输出真实的HTML，您需要使用v-html指令：

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

  

内容以纯HTML格式插入 - 忽略数据绑定。请注意，您不能使用v-html来组成模板部分，因为Vue不是基于字符串的模板引擎。相反，组件是首选的UI重用和组合的基本单元。

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

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