优艾设计网

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

优艾设计网 https://www.uibq.com 2023-04-22 20:31 出处:网络 作者:电脑技术
问题描述 想用vue绑定富文本生成的HTML内容,但是发现CSS样式根本不生效,选择器没起作用,还没有深入了解绑定的时候dom是怎么重绘的,是不是还有其他的替代方案? 代码片段 <template> <div class=\"answ

问题描述

想用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这么个类似版本号的东西,而我绑定的标签是没有的。

以下是效果图

这是为什么呢?--。


0

精彩评论

暂无评论...
验证码 换一张
取 消