오식랜드

보내는 컴포넌트 this.$nuxt.$emit('데이터통신 이름', 보낼데이터) //예시 this.$nuxt.$emit('passData', this.data) 받는 컴포넌트 this.$nuxt.$on('데이터통신 이름', 받아서사용할데이터이름 =>{ console.log(data) }) // 예시 this.$nuxt.$on('passData', info =>{ console.log(info) })

모듈 설치 yarn add -D @nuxtjs/style-resources nuxt.config에서 불러오기 { buildModules: [ '@nuxtjs/style-resources', ], styleResources: { scss: [ '@/assetscss_var.scss', ], } }

table에서 넘버링을 할 때 0001, 0002 처럼 4자리 숫자로 맞추는 스크립트! {{review.id|numbering}} {{review.title}} {{review.reviewer}} {{review.date}} {{review.views}} id에 0부터 숫자가 들어가있고, filters 중 numbering을 접목시켰따 numbering 함수를 보자 filters:{ numbering(v){ return v.toString().padStart(4,'0') } } padStart를 사용해서 총 4자리의 숫자로 셋팅하고, 그 자리를0 으로 채운다고 해준다. 주의할 점! padStart는 string요소만 사용이 가능해서 number인 id값을 문자열로 변환해줘야한다!

// 모든 value값을 true로 변경 Object.entries(객체).forEach(([key, value]) => { 객체[key] = true; });

var em = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i, pw = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[~!@#$%^&*()+|=])[A-Za-z\d~!@#$%^&*()+|=]{8,20}$/; // 옳게 썼으면 true, 아니면 false // 잘못썼을시, 경고창 띄우기 if(!em.test(이메일)){ return alert('이메일을 정확히 입력해 주세요.') } if(!pw.test(비밀번호)){ return alert('비밀번호는 8~20자 사이의 영문 대소문자, 숫자, 특수문자 중 3가지 이상 혼용하여 입력해 주세요.') }

input[type='radio'], input[type='radio']:checked { appearance: none; width: 20px; height: 20px; border-radius: 100%; margin-right: 0.1rem; } input[type='radio'] { background-color: white; border: 2px solid gray; } input[type='radio']:checked { border: 7px solid red; }