01-背景圖/img/json中圖片路徑引入方式和json中有標簽


這里所說的方式指的是在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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM