v-html添加的內容,css樣式不起作用
在用vue給標籤內添加需要瀏覽器解析的文本內容時候,我們通常要用到v-html標籤,但是用了這個標籤後,我們無法對其內部標籤的樣式進行設置,那是因爲,v-html相當於引入外部組件內容。
現在我們用的sylte都會包括scoped標籤,這個是私有屬性的標籤,所以我們要新建一個樣式聯,將scoped標籤去掉,將樣式卸載這裏面 就可以了。如下:
<style>
.details_img{
img{
width: 100%;
}
}
</style>