VUE3 [vue] 별점만들기 vue로 별점 스코어 만들기. :_uid를 통해 컴포넌트를 여러개 불러와도 해당 컴포넌트만 인식해 체크되도록 했다. 별점 점수 표현을 parseInt(score).toFixed(1)로 소수점 1자리까지만 표현하였다. (5.0) {{ parseInt(ratings).toFixed(1) }} {{ parseInt(score).toFixed(1) }} 2023. 4. 4. Vue 기초- components 연결, 데이터 전달(props) Vue.js 기본 컴포넌트 상위 컴포넌트(부모 컴포넌트)와 생성한 하위 컴포넌트(자식 컴포넌트)간의 연결 및 데이터전달 연결방법 : 상위에서 import하고 경로작성 , components로 명시 데이터 전달 방법 상위 > 하위 : props 하위 > 상위 : 이벤트만 전달 가능 상위컴포넌트 하위 컴포넌트 {{ 프롭스이름 }} 예시) // 상위 컴포넌트 ======================================== // 하위 컴포넌트 {{ test }} 2023. 1. 30. 뷰티파이 라디오 그룹 값 가져오기 (v-if사용법) vue라디오 그룹 html {{ testModel }} 테스트1 테스트2 테스트3 {{ testModel }} 에 value값 나옴 (1,2,3) script export default { data: () => ({ testModel : '1', // 기본값(처음 선택되어 있는 값) }), methods: { testModelFn() { if (this.testModel === '2') { this.value2Show = true this.value1Show = false this.value3Show = false }else if (this.testModel === '3') { this.value3Show = true this.value1Show = false this.value2Show = false .. 2022. 3. 22. 이전 1 다음 반응형