页面需要展示html
文本的字符串,而不想或不能通过v-html
来处理。
类似:'\<root>\<child>Hello, XML!\</child>\</root>'
后端接口返回:<root>...
,所以需要进行转换。工具方法如下:
xmlFormatterToString(xmlString) {
const parser = new DOMParser()
const xml = parser.parseFromString(xmlString, 'text/xml')
return new XMLSerializer().serializeToString(xml)
}
或者通过he
的库
npm install he
// 导入he库
import he from 'he';
export default { s
data() {
return {
encodedHTML: "<p>Hello, & welcome!</p>"
};
},
computed: {
decodedHTML() {
// 使用he.decode方法解码HTML实体
return he.decode(this.encodedHTML);
}
}
}