Vue中 src獲取後台傳回本地資源路徑失效問題

最近使用mockjs發現了乙個問題，就是:src獲取由mockjs模擬後台傳回本地靜態資源路徑失效

"@/assets/img/bg.jpg" alt=""/

>

"img" alt=

"" v-if=
"img"
/>

data()

},mounted()
,methods:);
}}

"require('@/assets/img/' + img)" alt=

"" v-if=
"img"
/>

data()

},mounted()
,methods:);
}}

"getimg(img)" alt=

"" v-if=
"img"
/>

data()

},mounted()
,methods:
,getinfo()
);}}

將資源放到static目錄下。

總結assets 在專案編譯的過程中會被webpack處理解析為模組依賴，只支援相對路徑的形式

static目錄下的檔案不會被webpack處理,簡單來說就是存放第三方檔案的地方，不會被webpack解析。它會直接被複製到最終的打包目錄(預設是dist/static)下，所以必須使用絕對路徑引用這些檔案

動態新增src被當做靜態資源處理了，沒有進行編譯，所以要加上require

vue 頁面回顯後台傳回的資料，且頁面資料不清空

當我們在用vue的時候，有的時候我們需要在jsp上回顯從後台傳回來的資料，但是這時候就會發現，大家利用 val 這種方法給頁面上的input賦值的時候，資料的確是賦值給了你想要的那個input中了，但是當我們再在這個頁面中填資料的時候，你賦值的那個input的value就會消失，一開始以為是form...

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多，導致路徑很長，我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...

vue中img標籤的src屬性總結

初步接觸vue框架時,好多朋友使用img標籤時,設定動態src屬性時,可能都會遇到路徑不生效的問題,咱們廢話不多說,開整 img標籤引用資源 一般不需要webpack處理的資源放在static,需要經過處理的放在assets 1.不需要webpack處理的放在static 不需要webpack處理的...