正常我们在编辑器中输入内容时,是会有自带的样式的,比如这样

但是在拿到这个html时,所展示出来的内容是无样式的,比如这里,表格的样式就消失了

在官网的演示demo这里有讲到关于不显示样式的问题


官网是这样解决的

点进来后有以下代码
把这些代码放在一个css文件中,再从外部引入进来就可以了。笔者这里没有单独创建一个css文件,而是把这一段直接放在.vue文件中的<style>部分了
在你的<template>部分中绑定class属性
到这一步还是显示不了样式的,可以把<style>的属性删除,即不要使用<style 不然样式会不生效。或者还有一种解决办法,用:deep()把以上的所有css属性括起来,像这样(过度使用:deep()可能会导致性能问题,因为它需要Vue去解析和处理更多的CSS选择器)
完成上述步骤后就可以正常显示有样式的内容了

版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/rfx/48884.html