개발이야기/Vue - Vuetify (16) 썸네일형 리스트형 Vue 파비콘 삭제법 1) /public/index.html > head에 코드 추가 2) 태그 삭제 vue - vuetify Dialog창에서 scroll 이동 버튼 만들기 mdi-chevron-up $vuetify.goTo("이동할 target ref이름", { container: '스크롤이 생긴 최상위 부모', }) vue - vuetify drag & drop https://github.com/SortableJS/Vue.Draggable GitHub - SortableJS/Vue.Draggable: Vue drag-and-drop component based on Sortable.js Vue drag-and-drop component based on Sortable.js. Contribute to SortableJS/Vue.Draggable development by creating an account on GitHub. github.com 설치 npm i -S vuedraggable import draggable from "vuedraggable"; export default { components: { draggable, }, methods: { // da.. vue router 현재 페이지 갱신 상품 수정 페이지 에서 http://localhost:8080/product?product_id=1 상풍 등록 페이지로 이동시 http://localhost:8080/product 현재 페이지가 갱신 되지 않는 문제 발생하여 의 태그에 :key="$route.fullPath" 추가 하여 해결 image base64 Url 변환 imageBase64Url: async function(file) { return new Promise((resolve, reject) => { let reader = new FileReader(); reader.onload = function() { console.log(reader.result); resolve({ imageUrl: reader.result, }); reader.onerror = reject; }; if (file) { reader.readAsDataURL(file); } }); } await this.imageBase64Url( v-file-input.v-model 입력 ); v-data-table items row class 주기 {{ item.no }} v-data-table의 items 부분에 class를 주고 싶을때 사용 text-filed 엔터 입력 로그인 텍스트 필드에서 엔터키 입력 시 login 함수 호출됨 v-tooltip 위치 변경 ... .className{ top: 1350px !important; left: 350px !important; position: absolute; } 이전 1 2 다음