전체 글 (64) 썸네일형 리스트형 select change 이벤트 발생 시키기 1) let select = document.querySelector('#selectId'); select.value="optionValue"; select.dispatchEvent(new Event('change')); 2) var e = document.getElementById('id'); e.value = "옵션값"; var event = new Event('change', { bubbles: true }); e.dispatchEvent(event); 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 이전 1 2 3 4 5 6 ··· 8 다음