属性内的 Vue.js 原始 HTML

标签 vue.js vuejs2

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

例子:

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

...

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

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

目前有一个标准v-bind输出是:

<input placeholder="Message&hellip;" />

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

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

最佳答案

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

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

https://jsfiddle.net/t8v7cre1/

关于属性内的 Vue.js 原始 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45433230/

相关文章:

vue.js - 如果我仅使用数据属性来检查它是否已定义,计算属性是否会依赖于数据属性?

javascript - 如何在 Laravel 项目中为 VueJS 3 设置 compilerOptions.isCustomElement

javascript - 将元素添加到具有 v-model 的数组会导致重复

javascript - Vuejs : use imported plugin mixin localy

javascript - 预期 T,在自定义对象类型的 Vue-Prop 中获取对象

javascript - 如何在 Vue.js 中的模板元素中进行字符串插值?

javascript - Vue.js - 检测是否断开连接

vue.js - 使用 Vue-test-utils 测试 Vue js props 组件

vue-component - 使用相同的形式进行创建和读取操作

javascript - 在 Vue JS 中完成加载之前的项目后加载每个项目