써먹는 웹개발
[Vue.js] id를 가변하는 방법 본문
728x90
반응형
자바스크립트에서는 id를 가변하는 방법이 따로 없어서 html append를 주로 썼던 것 같다.
하지만, vue에서는 v-bind를 이용해서 id를 가변할 수 있다.
사용방법
|
<!DOCTYPE html> <p v-bind:id="uuid">{{ num }}</p> </div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> new Vue({ el: '#app', data: { num: 10, uuid: 'abc1234' }, computed: { } }) </script> |
출처 : Vue.js 시작하기
728x90
반응형
'Study > Vue.js' 카테고리의 다른 글
| [Vue.js] Vue-Cli 설치중에 에러날때 해결방법 (0) | 2020.10.04 |
|---|---|
| [Vue.js] TextBox에서 Enter 키를 눌렀을때 조회 버튼 클릭과 동일한 동작이 실행되도록 처리하는 방법 (0) | 2020.09.29 |
| [Vue.js] "Cannot resolve module 'vuex' in" 해결방법 (0) | 2020.07.18 |
| [Vue.js] 네이밍 케이스 종류 (0) | 2020.07.01 |
| [Vue.js] 매일 한번씩 봐야할 Vue 공식 스타일 가이드 (0) | 2020.07.01 |
Comments