개발이야기 (62) 썸네일형 리스트형 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" 추가 하여 해결 text ellipsis 100%로 자르기 .element { display: table; table-layout: fixed; width: 100%; } .truncate { display: table-cell; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 예제) 내용 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를 주고 싶을때 사용 우분투 mysql Client 설치 1. apt-get update 2. sudo apt-get install mysql-client dayjs 날짜 일수 차이 계산 let today = dayjs(); let expired_at = dayjs("입력할 날짜"); let result = expired_at.diff(today, "day", true); let d_day = Math.floor(result); 이전 1 2 3 4 5 6 ··· 8 다음