Anyway, I am Learning!

  • 검색하기 폼

CATEGORY

  • 분류 전체보기 (12)
    • 개발 공부 일지 (10)
      • HTML.CSS (1)
      • Javascript (3)
      • Vue.js (4)
      • ReactJS (0)
      • Node.js (0)
      • Web(HTTP, etc) (1)
      • Etc. (0)
      • debugging (0)
      • 일기, 회고, 잡담... (1)
  • 수강 강의 목록
  • 읽은 책 목록
  • 즐겨찾기 링크

RECENT POST

ARCHIVE

TAGS

  • v-bind
  • html
  • VUE
  • react.js
  • css
  • JavaScript
  • Next.js
  • vue.js
  • html/css

COUNTER

Total :

Yesterday : | Today :

[Vue.js] img 태그 이미지 주소 데이터 바인딩

export orderInfo = [ { paymentIdx: "O16086544", goodsName: "1번 상품명", goodsIdx: 1234567, goodsimg: "https://cdn.pixabay.com/photo/2015/02/02/11/08/office-620817_960_720.jpg", ...(생략) } ] 이런 형태의 배열 데이터가 있다. 여기의 goodsimg에 문자열 형태로 있는 이미지 주소를 태그의 src 부분에 넣어주려고 한다. ...(생략) {{ orderInfo.paymentIdx }} ...(생략) 이 때 img 태그의 src 부분이 데이터 바인딩이 되는 부분이므로, 위의

개발 공부 일지/Vue.js | 2020. 9. 14. 14:56

Prev 1 Next
태그 방명록 관리자

Blog is powered by kakao / Designed by iieut

티스토리툴바