프론트엔드/Vue
-
Chart.js Maximum call stack error 날 때 대응법프론트엔드/Vue 2024. 5. 9. 17:21
* chart 변수를 data의 return 안에 넣으면 에러남 data(){ this.chart = null; // 이렇게 넣어야 에러 안남 return { // chart: null, 이렇게 넣으면 에러나고 } }, methods:{ draw(){ const chart = document.getElementById(this.id); if(this.chart) this.chart.destroy(); this.chart = new Chart(chart, { type: 'doughnut', ..
-
vue nuxt에서 카카오 kakao api 사용하는법 #nuxt #kakao #카카오프론트엔드/Vue 2024. 3. 12. 00:15
@ nuxt.config.js {src: "//dapi.kakao.com/v2/maps/sdk.js?appkey=자바스크립트&libraries=services&autoload=false"}, * 카카오 개발자센터에서 플랫폼 추가 후 해당 키를 사용할 도메인 등록해야됨 @ example.vue (내가 쓰려는 코드르 kakao.maps.load 안에 명시하는게 핵심 kakao.maps.load(()=>{ // 카카오 코드 입력 })
-
URL 복사 (링크 복사)프론트엔드/Vue 2023. 3. 26. 19:17
# What? 현재 보고 있는 주소 복사 # How? copy(){ var url = ''; var textarea = document.createElement("textarea"); document.body.appendChild(textarea); url = window.document.location.href; textarea.value = url; textarea.select(); document.execCommand("copy"); document.body.removeChild(textarea); alert("URL이 복사되었습니다."); }
-
파일 객체 emit할 때 주의점 #File #Object #Emit #$emit프론트엔드/Vue 2023. 2. 8. 11:30
# What? 파일 객체 emit할 때 객체 안에 담아서 emit하면 [object object]로 찍힘 # How? 아래처럼 file객체는 별도로 emit해주기 // 파일 객체는 object안에 넣어서 emit할 시 인식으로 못해서 별도로 emit해줘야함 this.$emit("changeFile", file); this.$emit("change", { name: response.data.data.file_name, url: response.data.data.original_url, html : `` }); this.$refs.file.value = null;