vue在使用html绑定的时候,里面的元素不会继承外部的CSS? 财富值66

2016-11-06 03:01发布

问题描述

想用vue绑定富文本生成的HTML内容,但是发现CSS样式根本不生效,选择器没起作用,还没有深入了解绑定的时候dom是怎么重绘的,是不是还有其他的替代方案?

代码片段

<template> <div class="answertext">   <blockquote><p>这个是原始的标签!</p></blockquote>   {{{ answer.text }}} </div> </template>  <style> .answertext blockquote {   border-left: 6px solid #ddd;   padding: 5px 0 5px 10px;   margin: 15px 0 15px 15px; } </style>

问题详情

以下是chrome检查生成的HTML代码,可以注意到原始的标签和生成的标签是不同的,原始html模板里的标签都有_v-80e9c926这么个类似版本号的东西,而我绑定的标签是没有的。

以下是效果图

这是为什么呢?--。

友情提示: 问题已经关闭,关闭后问题禁止继续编辑,回答。