반응형
가끔 상황에 따라서 <span>같은 태그에 변수값을 넣어야할때가 있음. 나같은 경우 10%라는 값을 나타내기 위해 span에 style로 width: 10%를 줬어야했는데 그럴때는 이렇게 쓰면 된다.
1. 따옴표 안에 백틱쓰기
<span :style="`width: ${completionRate}%`"></span>
안에 들어가는 completionRate는 ref변수라서 style앞에 :붙여줬음
'vue' 카테고리의 다른 글
| [vue] router로 데이터 보내기(params, query) (1) | 2023.03.20 |
|---|---|
| [vue3] markRow로 들어간 컴포넌트에서 watch쓰기 (0) | 2023.03.15 |
| [vue3] dispatch에 await 쓰는 법 (0) | 2023.02.16 |
| [vue3] child component에 계속 변하는 값 전달하기 (0) | 2023.02.13 |
| [vue3] child component를 랜덤하게 동적으로 보여주기(markRow) (0) | 2023.02.09 |