vue:動態給img賦值
1、如果直接給img的src繫結一個字串
<img :src=nowIcon />
data () {
return {
nowIcon: ''
}
},
this.nowIcon = '../assets/64/' + 圖片名 + '.png'
vue會將這個路徑當成字串,不會給這個圖片路徑編譯,圖片顯示不出來
此時的路徑是未經過編譯的,程式碼為:
<img src='../assets/64/100.png' />
2、解決辦法
this.nowIcon = '../assets/64/' + 圖片名 + '.png'
改為
this.nowIcon = require('../assets/64/' + 圖片名 + '.png')
此時的程式碼是正常編譯後的路徑,圖片正常顯示
<img src="/img/101.ce5f2cfc.png">
相關文章
- VUE 父元件動態傳值給子元件Vue元件
- uniapp動態賦值頭部<title>APP賦值
- Vue.js - 陣列和物件的賦值動態變化 & 克隆Vue.js陣列物件賦值
- 解決 Vue 動態生成 el-checkbox 點選無法賦值問題Vue賦值
- echarts動態賦值結合dataZoom滑動資料Echarts賦值OOM
- vue scrollTop 無法賦值Vue賦值
- Java反射給泛型集合賦值Java反射泛型賦值
- web中,利用反射給物件賦值Web反射物件賦值
- 物件屬性值賦給變數物件變數
- 動態監控input的值的變化 賦值value觸發賦值
- 給numpy陣列賦同樣的值陣列
- vue 給一個值重置初始值Vue
- Javascript 解構賦值,將屬性/值從物件/陣列中取出,賦值給其他變數JavaScript賦值物件陣列變數
- 在vue中給奇數行動態新增classVue
- 列表切片賦值給另一個變數賦值變數
- 動態渲染之vue頁面向元件間傳值Vue元件
- matlab中怎麼給符號變數賦值Matlab符號變數賦值
- vue+antd+select下拉初始化賦值Vue賦值
- php之普通變數賦值、物件賦值、引用賦值的區別PHP變數賦值物件
- Class.isAssignableFrom判斷A類是否可賦值給B類賦值
- Verilog連續賦值、過程賦值、過程連續賦值總結賦值
- 圖表外掛Highcharts的動態化賦值,實現圖表資料的動態化設定顯示賦值
- 【VUE入門】父元件給子元件傳值Vue元件
- vue 變數賦值同時改變的問題Vue變數賦值
- render函式處理動態獲取img的src屬性函式
- 「譯」靜態單賦值小冊 - 1. 介紹賦值
- SICP:賦值和區域性狀態(Python實現)賦值Python
- 數字索引賦值給多個變數簡單表示式索引賦值變數
- matlab如何給未知數及包含未知數的函式賦值Matlab函式賦值
- 鎖賦值給其他變數為什麼會死鎖呢?賦值變數
- 變數的賦值 指標間接賦值變數賦值指標
- Java中讀取配置檔案中的內容,並將其賦值給靜態變數的方法Java賦值變數
- 常被新手忽略的值賦值和引用賦值(偏redux向)賦值Redux
- WPF執行緒中獲取控制元件的值和給控制元件賦值執行緒控制元件賦值
- 解構賦值賦值
- 2. Vue語法--插值操作&動態繫結屬性 詳解Vue
- Vue input文字框v-model與ref.value不能同時使用賦值,如何實現操作節點方式賦值?Vue賦值
- 傳遞指標引數(函式內部給指標賦值)示例指標函式賦值