Vue2 中能否指定模板区域中的部分 HTML 内容不作为模板编译?

知名喷子
  • 2.5k

目前的情况是:页面使用 CDN 方式引入 Vue2 来驱动视图,而视图中有部分内容是由富文本编辑器输出的,这部分内容完全不受数据驱动,但是以前所使用的富文本编辑器有问题,输出了许多形如这样的问题HTML

<span
    style="font-size: 24px;" line-height:2;"=""
>一级标题</span> 

得益于浏览器强大的容错能力,这样的 HTML 直接显示是没有问题的,但是经过 Vue 的解析再渲染后就会暴露出这些问题标签。
目前的临时解决方案是:在 Vue 初始化之前,获取富文本渲染的 DOM 并保留引用,在 Vue 初始化完成后,再用先前保留的引用替换掉同位置的新内容。
考虑后期基于上述原理改成自定义指令,但如果有官方的方案就再好不过了。

回复
阅读 285
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏