這里所說的方式指的是在webpack中指定了相對路徑了,如@ 代表src
(1)在css中background:url(' ~@/xx/xx/xx.png');
(2)在img前景圖方式的引入:img src="@/xx/xx/xx.png"
(3)引入外部json,json中有圖片路徑:
{
name:'zs',
src:require('@/xx/xx/xx.png')
}
在當前組件中如果引入的json對象中有標簽,我們需要用v-html=""渲染,那么在vue組件中如何給到樣式?
-通常我們都是直接設置如div下面的span標簽(這個就是json中的標簽),發現是不起作用的,為什么?
-因為在當前組件中style中加入scoped,這個單詞加在當前組件中,是只對當前組件中的標簽設置的樣式生效,而我們外部引入的不起作用。
scoped屬性導致css僅對當前組件生效(用css3的屬性選擇器+生成的隨機屬性實現的),而html綁定渲染出的內容可以理解為是子組件的內容,子組件不會被加上對應的屬性,所以不會應用css