vue img中的src使用變數引用

2021-10-25 07:12:18 字數 705 閱讀 4797

正常 img 的使用如下

src=


"../../assets/material-detail/title-red.png"


height


="98"


width


="98"


/>
如果想用變數替代src中的路徑，首先在export的data中定義好路徑，此處一定要加require

data()


}
然後將src用v-bind繫結，即可

:src


="cardimglist"


alt="card-name"


/>
如果想v-for出陣列的src，可以定義個 陣列，如

cardimglist:


[require


('../../assets/material-detail/title-green.png'),


require


('../../assets/material-detail/title-yellow2.png'),


require


('../../assets/material-detail/title-red.png')]


,

使用變數 Sql 中的變數使用

我們在學 python 或者其他程式語言的時候都應該有學過變數這麼乙個東西，可是 sql 這種查詢語言中怎麼也有變數呢？具體有什麼用呢？我們來看一下實際應用場景。現在有這麼乙個表 t 表結構如下 order id time1 time2 time3 time4 time1 表示瀏覽日期，time2 ...

href和src的使用場景

href和src的用法雖然簡單，但是有時候會突然記不起來該怎麼用，且兩者不可相互替換，下面列出來方便記憶,並給出具體區別。href的使用 1.外部css引用 3.input中type為button等的onclick事件 src的使用 scirpt 指令碼 iframe框架 input中type為im...

href和src的使用場景

href和src的用法雖然簡單，但是有時候會突然記不起來該怎麼用，且兩者不可相互替換，下面列出來方便記憶,並給出具體區別。href的使用 1.外部css引用 3.input中type為button等的onclick事件 src的使用 scirpt 指令碼 iframe框架 input中type為im...