IT 블로그 검색 결과

32 개의 검색 결과가 있습니다.

개발/Vue

두 가지 클립보드 복사 기능 구현 방법

#1 특별한 라이브러리 없이 javascript로만 클립보드 복사 기능을 구현하는 방법입니다. 가볍게 복사 기능을 사용하길 원하시는 분께 적합할 것 같습니다. See the Pen Walkers - How to by Louis Hoebregts (@Mamboleoo) on CodePen. #2 vue-clipboard2 라이브러리를 사용하는 방법입니다. npm install vue-clipboard2로 설치한 후 사용하면 됩니다. [테스트 버전] - vue 2.6.11 - vue-clipboard 0.3.1 Copy! new Vue({ el: '#app', data: { myInput: '' }, methods: { doCopy() { this.$copyText(this.myInput); alert(th..

2020. 9. 10. 12:06

개발/Vue

vue 엑셀 다운로드 기능 구현 (xlsx)

vue에서 xlsx을 사용하여 엑셀 다운로드 기능을 구현하는 방법이다. npm install --save xlsx 으로 설치 후 다음과 같은 방식으로 작성하면 된다. [테스트 버전] - vue: 2.6.11 - xlsx: 0.16.6 [소스코드] Excel Download import XLSX from 'xlsx' export default { data() { return { tableData: [{ date: '2019-12-12', name: 'testData' }] } }, methods: { exportExcel() { const wb = XLSX.utils.book_new() // 엑셀 파일 생성 (workbook) const ws = XLSX.utils.json_to_sheet(this.tab..

2020. 9. 7. 14:13