想用vue綁定富文本生成的HTML內(nèi)容,但是發(fā)現(xiàn)CSS樣式根本不生效,選擇器沒(méi)起作用,還沒(méi)有深入了解綁定的時(shí)候dom是怎么重繪的,是不是還有其他的替代方案?
<template> <div class="answertext"> <blockquote><p>這個(gè)是原始的標(biāo)簽!</p></blockquote> {{{ answer.text }}} </div> </template><style> .answertext blockquote { border-left: 6px solid #ffffd; padding: 5px 0 5px 10px; margin: 15px 0 15px 15px; } </style>
以下是chrome檢查生成的HTML代碼,可以注意到原始的標(biāo)簽和生成的標(biāo)簽是不同的,原始html模板里的標(biāo)簽都有_v-80e9c926這么個(gè)類(lèi)似版本號(hào)的東西,而我綁定的標(biāo)簽是沒(méi)有的。
以下是效果圖
這是為什么呢?--。