将vue的dom转成普通html

html-css07

将vue的dom转成普通html,第1张

将vue的dom转成普通html方法。

1、Vue.js的DOM转换成普通HTML的过程中,会利用Vue.js的特性来把数据和模板编译成实际的HTML。

2、从而可以以最快的速度实现从JavaScript对象到DOM的转换。

不能用的似乎,会说没有找到这个函数。要输出rawhtml并且使用过滤器,就把emojiFormat写在methods里,不要写在filters里面。使用的时候v-html="emojiFormat(comment.comment_content)"。

在vue中将数据填充进模板,最常用的方法应该是 {{ name }} 这样插值,但是有时候向后端请求到的数据中有转义字符,此时页面就会直接显示转义字符,而不是先转义再显示。

这是因为, {{ name }} 插值类似于textContent赋值, textContent 赋值输出的是 text/plain 文本内容,它是不会被浏览器转义的。

要想被浏览器转义,可以使用 v-html , v-html 类似于 innerHTML , innerHTML 赋值输出的是 text/html html内容,它在显示之前会先被浏览器转义

终上,关于vue里面数据填充的几种方法总结