본문 바로가기

전체 글

(64)
vuetify v-tabs slider 안보이는 버그 페이지 접속 시 v-tabs에 slider가 안보인다면 ref="tabs"를 추가하고 this.$refs.tabs.callSlider(); 추가 하면 오류 해결
[Vue warn]: Failed to resolve directive: ripple 해결 작업중 발견 하게된 오류로 v-simple-checkbox 태그에 :ripple="false" 추가 하여 해결
v-data-table 헤더 변경 ...
자바스크립트 내려쓰기 let text = content.replace(/(\n|\r\n)/g, " ");
자바스크립트 클립보드 복사 안될 때 textCopy: function(text) { return new Promise(function(resolve, reject) { if (text) { const txt = document.createElement("textarea"); document.body.appendChild(txt); txt.value = text; // chrome uses this let sel = getSelection(); let range = document.createRange(); range.selectNode(txt); sel.removeAllRanges(); sel.addRange(range); if (document.execCommand("copy")) { console.log("copied"); } docu..
html에서 this 인자 전달 test click onclick으로 this 인자 전달 가능
v-file-input 이미지 사이즈 확인 export default { data: () => ({ mage, }), methods: { imageChange: async function() { if(this.image){ //이미지 파일 크기 체크 let getImageSize = await this.getImageSize(this.image); console.log(getImageSize); /* * 결과 : { width: 100, height: 100 } */ } }, getImageSize : async function(image){ let _URL = window.URL || window.webkitURL; let objectUrl = _URL.createObjectURL(image); return new Promise((resolve..
자바스크립트 업로드 이미지 파일 크기 확인 //파일 용량 let maxSize = 5 * 1024 * 1024; //5MB let _URL = window.URL || window.webkitURL; let file; let uploadImg = document.getElementById("image"); if (uploadImg) { let imageFile = document.getElementById("image").files[0]; let imageFileSize = document.getElementById("image").files[0].size; if ((file = imageFile)) { let img = new Image(); let objectUrl = _URL.createObjectURL(file); img.onload = ..