问题描述
想用vue绑定富文本生成的HTML内容,但是发现CSS样式根本不生效,选择器没起作用,还没有深入了解绑定的时候dom是怎么重绘的,是不是还有其他的替代方案?
代码片段
<template> <div class="answertext"> <blockquote><p>这个是原始的标签!</p></blockquote> {{{ answer.text }}} </div> </template><style> .answertext blockquote { border-left: 6px solid #ffffd; padding: 5px 0 5px 10px; marg优艾设计网_PS论坛in: 15px 0 15px 15px; } </style>
问题详情
以下是chrome检查生成的HTML代码,可以注意到原始的标签和生成的标签是不同的,原始html模板里的标签都有_v-80e9c926这么个类似版本号的东西,而我绑定的标签是没有的。
以下是效果图
这是为什么呢?--。
精彩评论