일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 추가납입
- 급성심근경색증
- 납입
- 가입
- 변환
- jQuery
- Vue.js
- 수수료
- 프로그래밍
- 특약
- 교보생명
- 사망
- 프론트엔드
- 리스트
- 보험료
- Java
- 뇌출혈
- 심장질환
- 문자열
- 파이썬
- python
- javascript
- 인출수수료
- 중도인출
- 교보
- 웹개발
- PythonProgramming
- 보험
- 코딩
- 자바스크립트
- Today
- Total
목록Vue.js (33)
SeouliteLab
Vue.js에서 반복문을 사용하여 동적인 리스트를 만드는 방법에 대해 알아보겠습니다. Vue의 Single File Component(SFC) 형식을 사용하여 다양한 예제를 제시하겠습니다. 예제 1: 배열 요소 반복하기 파일명: ArrayExample.vue {{ item.name }} 출력 결과: Apple Banana Cherry 설명: 이 예제에서는 Vue의 반복문 디렉티브인 v-for를 사용하여 배열의 각 요소를 반복하여 출력합니다. items 배열의 각 객체는 고유한 id와 name 속성을 가지고 있으며, v-for 디렉티브를 통해 각 객체의 name 속성을 출력합니다. 예제 2: 객체 반복하기 파일명: ObjectExample.vue {{ key }}: {{ value }} 출력 결과: nam..
이번 글에서는 Vue.js를 사용하여 Enter 키를 눌러서 버튼이 클릭되는 것을 방지하는 방법에 대해 알아보겠습니다. 웹 애플리케이션에서 사용자가 입력한 정보를 제출하기 위해 Enter 키를 누를 때, 버튼이 의도치 않게 클릭되는 것을 방지하는 방법에 대해 살펴보겠습니다. 위의 코드에서는 Vue.js에서 Enter 키를 눌러서 버튼이 클릭되는 것을 방지하는 방법을 보여줍니다. 각 버튼에 @keydown.enter.prevent 이벤트 수식어를 추가하여 Enter 키를 누를 때 발생하는 키다운 이벤트를 처리하고, @keyup.enter.prevent 이벤트 수식어를 추가하여 Enter 키를 누를 때 발생하는 키업 이벤트를 처리합니다. 이렇게 함으로써 Enter 키를 눌러도 exeVote 함수가 실행되지 ..
이번 포스트에서는 Vue.js에서 배열의 타입을 지정하는 방법에 대해 알아보겠습니다. 배열을 반응형으로 만들어서 사용하는 경우에는 종종 해당 배열의 타입을 명시해야 합니다. 이를 위해 TypeScript의 타입 어노테이션을 사용하거나 타입 단언을 활용할 수 있습니다. 예제 1: TypeScript 타입 어노테이션 사용 첫 번째 방법으로는 TypeScript의 타입 어노테이션을 사용하여 각 배열의 타입을 명시하는 방법입니다. import { reactive, Ref } from 'vue'; interface TestData { arrFst: Ref; arrSec: Ref; } const hahaha: TestData = reactive({ arrFst: [], arrSec: [] }); 위 코드에서는 `a..