Vue專案中v bind動態繫結src路徑不成功

2022-05-17 08:12:08 字數 457 閱讀 8741

在做vue專案的時候,由於專案需求,需要動態繫結img的src時,突然發現如果說是直接請求後台介面的位址就能顯示,

但是直接動態繫結img的src的的相對路徑或者是絕對路徑的時候,不能顯示。

當在給資料myimgsrc 設定絕對路徑或者是相對路徑時應該使用require引入才能成功

currentsrc : require("@/assets/1.png")
直接匯入

<

img

:src

="url"

/>

import url from '../../assets/logo.png'

data

把放到static 資料夾裡面 就能直接引入

當動態繫結img的src的時候,vue資料繫結的相對路徑或者是絕對路徑的時候,需要require路徑。

Vue學習筆記 v bind動態繫結style

二 陣列語法 可以利用v bind style來繫結一些css內聯樣式 在寫css屬性名的時候,比如font size 可以使用駝峰式 fontsize 或短橫線分隔 font size 繫結style的兩種方式 物件語法,陣列語法 style後面跟的是乙個物件型別 物件的key是css的屬性 物件...

v bind動態繫結class

物件語法的含義是 class後面跟的是乙個物件。用法一 直接通過 繫結乙個類,用法二 也可以通過判斷,傳入多個值,如 用法三 和普通的類同時存在,並不衝突,如 用法四 如果class內容過於複雜,可以放在乙個methods 方法 或者computed 計算屬性 中,如,注其中classes是乙個計算...

v bind動態繫結style

v bind可以動態繫結style的屬性,格式為 style 此處要注意屬性值是否帶引號,帶引號時為字串,不帶引號時vue會認為它是乙個變數。介紹,通過修改vue中的data中的值來動態修改頁面要顯示的字的樣式。doctype html utf 8 insert title here title h...