반응형 vue17 vuetify3 클릭시 아이콘변경 show 구조 1. 아이콘 화살표 펼치기전/펼치기후2. 하단내용 디폴트값은 안보임 https://vuetifyjs.com/en/components/cards/#custom-actions 2024. 8. 2. v-model 1. 단방향==========>설치ref:value="selectValue"밸류값을 셀렉트밸류함수에 넣는다셀렉트가 동작했을때 셀렉트밸류에 넣어준다 2. 양방향 ==========>설치ref v-model= "selectValue" 이렇게 쓰기위해서는ref함수를 임포트 해주고그함수를 쓰겠다 하단에 적어준다 2024. 8. 1. vue3 페이지 몇초후 이동 #1. vue3 페이지 몇초후 이동12345678910111213141516171819202122232425template> div> h2>홈 페이지/h2> p>현재 페이지는 홈입니다. 몇 초 후에 자동으로 이동합니다./p> /div>/template> script setup>import { onMounted, onUnmounted } from 'vue';import { useRouter } from 'vue-router'; const router = useRouter(); const navigateToAbout = () => { router.push({ name: 'About' });}; onMounted(() => { const interval = setInterval(navigat.. 2024. 7. 29. quasar 사용법 https://quasar.dev/구글 폰트 임포트 폰트 https://fonts.google.com/selection/embedquasar.config.js 기본폰트 'roboto-font' 주석처리 docs>layout and grid>layout builder component메뉴에 들어가면 다양한 종류를 볼수있음 toolbar 메뉴바에 들어가는거 With Button Dropdown 스트레치가 들어가는부분 템플릿을 가져오면 라디오 박스를 체크하면 내가원하는 레이아웃을 만들 수 있다https://quasar.dev/layout/layoutq-layout view="hHh lpR fFf"> 2024. 7. 9. vue3+quasar vue3+firebase+quasar+pinia=>뷰3와 quasar만 먼저 공부 https://quasar.dev/getting started>installation>quasar cli https://quasar.dev/start/quasar-clinpm i -g @quasar/cli npm init quasar 0. app with quasar 로 선택 (앱을 만들꺼기 때문에) 1. 폴더이름 vue-quasar-app 2. vue2(vue3 latest) vue3을 사용할꺼임 3. javascript 4. vite (비트 사용할꺼임) 5. 프로젝트 이름 vue3-quasar-app 6. vue-quasar-app (패키지 네임 - 내가 정하는거임 폴더이름이랑 똑같이함) 7. vue3 Quasar F.. 2024. 7. 4. vue3+swiper npm install swiper npm install swiper/vueSwiper와 Vue용 Swiper 패키지 설치 스타일 임포트 해주기import 'swiper/swiper-bundle.css'12345678910111213141516171819202122232425src/main.js 에 import 'swiper/swiper-bundle.css'--> template> div> swiper :modules="[Navigation, Pagination]" navigation pagination> swiper-slide> img src="https://via.placeholder.com/600x300?text=Slide+1" alt="slide1" /> /sw.. 2024. 6. 29. 이전 1 2 3 다음 반응형
