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

时间:2017-05-04 03:05:09

标签: svg vue.js

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

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

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

1 个答案:

答案 0 :(得分: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