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">
相關文章
- jquery 動態給table賦值jQuery賦值
- VUE 父元件動態傳值給子元件Vue元件
- html select動態賦值HTML賦值
- JavaScript如何動態修改img的src屬性值JavaScript
- Vue.js - 陣列和物件的賦值動態變化 & 克隆Vue.js陣列物件賦值
- uniapp動態賦值頭部<title>APP賦值
- java裡面給物件賦值,慎用賦值符號(=) (轉)Java物件賦值符號
- php變數賦值給jsPHP變數賦值JS
- jQuery給控制元件賦值....jQuery控制元件賦值
- 批次給控制元件賦值控制元件賦值
- JQuery給textarea取值和賦值jQuery賦值
- vue scrollTop 無法賦值Vue賦值
- 解決 Vue 動態生成 el-checkbox 點選無法賦值問題Vue賦值
- (entity bean)動態賦值值物件-- Dynamic Create Value Object 模式 (轉)Bean賦值物件Object模式
- Struct FORM ACTION 無法解決動態賦值?StructORM賦值
- echarts動態賦值結合dataZoom滑動資料Echarts賦值OOM
- Java反射給泛型集合賦值Java反射泛型賦值
- 物件屬性值賦給變數物件變數
- web中,利用反射給物件賦值Web反射物件賦值
- javascript怎麼給Label賦值JavaScript賦值
- JqueryautoComplete給隱藏域賦值jQuery賦值
- 給物件引用變數賦值(轉)物件變數賦值
- 動態監控input的值的變化 賦值value觸發賦值
- 動態賦值弱型別值物件--Dynamic Create Value Object 模式 (轉)賦值型別物件Object模式
- php給$_POST賦值會導致值為空PHP賦值
- SQL server 動態SQL對變數講行賦值SQLServer變數賦值
- 給numpy陣列賦同樣的值陣列
- vue 給一個值重置初始值Vue
- Javascript 解構賦值,將屬性/值從物件/陣列中取出,賦值給其他變數JavaScript賦值物件陣列變數
- 在vue中給奇數行動態新增classVue
- 列表切片賦值給另一個變數賦值變數
- Jquery給基本控制元件的取值、賦值jQuery控制元件賦值
- 動態記憶體的賦值和修改(Android之JNI)記憶體賦值Android
- 動態渲染之vue頁面向元件間傳值Vue元件
- python同時給多個變數賦值Python變數賦值
- 執行sql語句給外部變數賦值SQL變數賦值
- 使用 Attribute +反射 來對兩個類之間動態賦值反射賦值
- matlab中怎麼給符號變數賦值Matlab符號變數賦值