Vue.js 動態為img的src賦值

在vue中動態給src賦值綁定圖片會顯示不出來?動態添加src被當做靜態資源處理了，沒有進行編譯

解決方法：

1、用網絡地址?把圖片放在cdn或自己的服務器上，把網絡地址存在imgUrl里，然后直接<img :src="Url">

2.把圖片放在src同級的static文件夾下? ?此處有坑? ?如果在部署H5的項目時對路徑動了手腳這個有沒有用

3.require('../assets/images/'+imgsrc+'.png')? ? ??require里面是字符串

?

轉載于:https://www.cnblogs.com/zhouyideboke/p/11225562.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/247396.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/247396.shtml
英文地址，請注明出處：http://en.pswp.cn/news/247396.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

項目打包部署到Tomcat

項目打包部署到Tomcat

一、 使用 npm run build打包完成之后會出現一個dist文件夾&#xff0c;里面有static文件夾和一個index.html文件&#xff0c;一般我們部署在tomcat上面會將文件放在webapps文件夾下 如果不進行任何修改將dist文件夾放進去的話&#xff0c;會出現資源路徑錯誤的問題&#xff…
閱讀更多...
算法階段三總結

算法階段三總結

3月25日-4月4日這段時間里。我把字符串的一些基本操作和算法學了下。主要有串的基本操作&#xff0c;字符串的hash函數&#xff08;Rabin-Karp&#xff0c;ELFhash&#xff09;&#xff0c;還有KMP算法。總體感覺還是不錯的。尤其清明這三天沒出去&#xff0c;都呆在宿舍了&…
閱讀更多...
vue.config和editorconfig

vue.config和editorconfig

我們在做項目的時候&#xff0c;應該給經常用到的文件配置它的別名&#xff0c;這樣做&#xff0c;既可以方便引用&#xff0c;也可以防止當文件位置發生改變的時候出現錯誤。 配置前: import bartar from ../../components/bartar 配置后(不用再關心文件層級關系): import bar…
閱讀更多...
Java生鮮電商平臺-訂單配送模塊的架構與設計

Java生鮮電商平臺-訂單配送模塊的架構與設計

Java生鮮電商平臺-訂單配送模塊的架構與設計 生鮮電商系統最終的目的還是用戶下單支付購買&#xff0c; 所以訂單管理系統是電商系統中最為復雜的系統&#xff0c;其作為中樞決定著整個商城的運轉&#xff0c; 本文將對于生鮮類電商平臺的訂單設計做一個完整的分析&#xff0c;…
閱讀更多...
vue項目，webpack中配置src路徑別名及使用

vue項目，webpack中配置src路徑別名及使用

默認會有‘’別名&#xff0c;指向src目錄&#xff0c;還可以添加自定義別名等等。 使用方法 使用別名一般就三種情況&#xff1a;在js中用&#xff0c;在css中用&#xff0c;在html文檔內用 js中用&#xff0c;最簡單: import {getName} from /util/namecss中使用&#xff0…
閱讀更多...
fastclick庫的介紹和使用

fastclick庫的介紹和使用

移動端點擊延遲事件 1. 移動端瀏覽器在派發點擊事件的時候&#xff0c;通常會出現300ms左右的延遲 2. 原因: 移動端的雙擊會縮放導致click判斷延遲 fastclick 是具有消除移動端瀏覽器上的點擊事件的 300ms 的延遲的作用。 注意幾點 1、PC端無效 2、Android 上的 Chrome …
閱讀更多...
toString()和String.valueOf()的區別（轉）

toString()和String.valueOf()的區別（轉）

慣例廣告一發&#xff0c;對于初學真&#xff0c;真的很有用www.java1234.com&#xff0c;去試試吧&#xff01; 有的朋友在用這兩個的時候感覺差不多 其實&#xff0c;很多時候效果是差不多的 但是&#xff0c;有的時候用.toString()會報錯&#xff0c;而用String.valueOf()就…
閱讀更多...
kylin框架中使用postcss-px2rem

kylin框架中使用postcss-px2rem

1.kylin框架的使用不做介紹 2.頁面中 html模板頁面中已經使用clientWidth/375*100px,已經賦值了html的fontsize隨頁面寬度而變化。 比如寬度375的屏 html的fontsize為100px kylin加載postcss-px2rem cnpm i --save-dev postcss-px2rem 在根目錄下的plugin.js中 var px2rem…
閱讀更多...
VS2005無法啟動解決方法（轉）

VS2005無法啟動解決方法（轉）

一直有一個問題困擾&#xff0c;VS2005用得好好滴&#xff0c;突然有一天開始就進不去了&#xff0c;啟動了以后&#xff0c;沒有任何界面的出現&#xff0c;但是打開任務管理器&#xff0c;卻能夠看到進程的存在&#xff0c;真是奇怪了&#xff0c;我試圖卸載并且重新安裝&…
閱讀更多...
kylinH5框架之項目組件理解

kylinH5框架之項目組件理解

目錄 組件介紹 組件聲明結構 組件接口 script dependency template style 狀態注入 接口聲明 組件介紹 Component 擴充自 Vue 的組件, 提供了 Vue 組件對等的輸入參數能力。在代碼書寫時提供類 class 的裝飾器 Decorator 風格。 import { Component, Watch } from al…
閱讀更多...
Markdown 語法簡介

Markdown 語法簡介

這是標題一 標題二 標題三 print(hello) 這是一個python 第一點 thiw dhaishd 第二點 轉載于:https://www.cnblogs.com/BlogOfEr/p/11229682.html
閱讀更多...
kylinH5框架之項目開發調試

kylinH5框架之項目開發調試

進行開發調試&#xff0c;需要完成以下步驟&#xff1a; 安裝依賴開發調試構建生產 點擊 代碼示例&#xff0c;獲取 Kylin Demo&#xff0c;并完成以下操作。 安裝依賴 進入項目根目錄&#xff0c;使用 cnpm 安裝 npm 依賴&#xff1a; # 安裝npm依賴 cnpm install 開發調試…
閱讀更多...
Java生鮮電商平臺-深入訂單拆單架構與實戰

Java生鮮電商平臺-深入訂單拆單架構與實戰

Java生鮮電商平臺-深入訂單拆單架構與實戰 Java生鮮電商中在做拆單的需求&#xff0c;細思極恐&#xff0c;思考越深入&#xff0c;就會發現里面涉及的東西越來越多&#xff0c;要想做好訂單拆單的功能&#xff0c;還是相當有難度&#xff0c; 因此總結了一下拆單功能細節&…
閱讀更多...
python3中Requests將verify設置為False后,取消警告的方式

python3中Requests將verify設置為False后,取消警告的方式

import requests resp requests.get(https://www.***.com, verifyFalse)調用成功但是會有如下警告信息&#xff1a; InsecureRequestWarning: Unverified HTTPS request is being made. Adding certificate verification is strongly advised. See: https://urllib3.readthedo…
閱讀更多...
kylinH5框架之項目腳手架

kylinH5框架之項目腳手架

頁面介紹 Page 是一個 Webview 的邏輯抽象層&#xff0c;同時也是組件掛載的根節點。 代碼引入 import { Page } from ali/kylin-framework; 頁面聲明結構 一個Page包含的接口在頁面接口中聲明&#xff0c;提供了對 Vue 實例的完整控制能力&#xff0c;簡易的 Page 使用如…
閱讀更多...
博弈論學習筆記

博弈論學習筆記

決定近段時間復習一下博弈論順便寫點筆記。 大佬博客&#xff1a;幾種常見博弈模型https://blog.csdn.net/wr132/article/details/51213331 SG函數與SG定理https://www.cnblogs.com/ECJTUACM-873284962/p/6921829.html 無敵的博弈總結https://blog.csdn.net/acm_cxlove/article…
閱讀更多...
Promise鏈式調用和解決回調地獄的ES7終極解決方法async，await

Promise鏈式調用和解決回調地獄的ES7終極解決方法async，await

promise鏈式調用 **then 是成功回調&#xff0c;只要在then后邊return一個promise就可以繼續then**<script type"text/javascript">let p1new Promise(function(resolve,reject){setTimeout(function(){resolve()//成功回調// reject()//失敗回調},2000)//2秒…
閱讀更多...
1.MySQL目錄結構

1.MySQL目錄結構

分為兩個目錄&#xff1a; 1.安裝目錄&#xff1a; 2.數據目錄&#xff1a; 在Linux下 yum安裝mysql后使用 find / -name my.cnf 找到mysql數據文件的位置 轉載于:https://www.cnblogs.com/sdrbg/p/11237231.html
閱讀更多...
對promise.all底層的實現的研究

對promise.all底層的實現的研究

1.Promise.all(iterable)返回一個新的Promise實例,此實例在iterable參數內素有的Promise都fulfilled或者參數中不包含Promise時&#xff0c;狀態變成fulfilled。 如果參數中Promise有一個失敗rejected &#xff0c;此實例回調失敗&#xff0c;失敗原因的是第一個失敗Promise的返…
閱讀更多...
vue-provide/inject輕松實現跨級訪問祖先組件

vue-provide/inject輕松實現跨級訪問祖先組件

provide&#xff1a;Object | () > Object inject&#xff1a;Array<string> | { [key: string]: string | Symbol | Object } provide 和 inject 主要為高階插件/組件庫提供用例。并不推薦直接用于應用程序代碼中。是2.2.0版本 新增的。 這對選項需要一起使用&#x…
閱讀更多...
最新文章

Copyright @ 2022~2023