【问题标题】:Vue.js raw HTML within attribute属性中的 Vue.js 原始 HTML
【发布时间】:2018-01-08 01:11:21
【问题描述】:

有没有办法将原始 HTML 输出到标签属性而不是内容?

例子:

<input :placeholder="data.raw-html-message"/>

...

data.raw-html-message = "some text&hellip;"

v-html 似乎只将其输出到标签的 innerHTML 并且在版本 2 中删除了三重花括号。

当前使用标准v-bind 输出为:

&lt;input placeholder="Message&amp;hellip;" /&gt;

并且 HTML 实体在浏览器中显示时不会被解释。

此处示例:https://jsfiddle.net/cdsm22q8/1/

【问题讨论】:

  • 我不知道如何执行此操作,也找不到任何文档示例。如果您真的想走这条路,这可能会对您有所帮助:github.com/mathiasbynens/he 可能不是您正在寻找的答案。
  • 一般情况下您可能不应该被允许这样做,但您可以使用 unicode 等价物来代替 \u2026

标签: vue.js vuejs2


【解决方案1】:

为什么不用自己的函数解析呢?

function parse_entities(string){
  return unescape(string);
}

https://jsfiddle.net/t8v7cre1/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-04-26
    • 1970-01-01
    • 2020-10-27
    • 2014-08-31
    • 1970-01-01
    • 2020-07-13
    • 2020-04-03
    • 2019-06-03
    相关资源
    最近更新 更多