본문 바로가기

Vue.js4

vue.js el-date-picker type="datetime" 사용법 javascript string to datetime var dateTime = new Date("2020-10-10 11:11:12); 위와 같이 하면 dateTime 이 만들어짐. vue.js el-date-picker type="datetime" 사용법 위와 같이 설정하고, startDatetime 은 위에 있는 var datetime 으로 만들어줘야 함. 안그러면 동작 안함 var dateTime = new Date("2020-10-10 11:11:12); 2021. 2. 1.
vue.js 화면 drag & copy 막는 방법 vue.js 화면 drag 막는 방법 App.vue 는 main 화면이라고 생각하면 됨. App.vue 에 아래와 같이 import 하면 전체 화면에서 사용할 수 있음. App.vue (메인 뷰) Test.vue Hello World sample.scss .nodrag { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } 화면 copy, cut, paste 막는 방법 body, div 태그던 아래 명령어 넣어주면 됨.// example 1 // example 2 ``` Reference https://stackoverflow.com/question.. 2021. 1. 26.
vue.js 팝업 닫은 후, 원래 페이지 refresh vue.js 팝업 닫은 후, 원래 페이지 refresh 기본 페이지에서 popup 으로 이동하고. 팝업을 닫을 때, 기본 페이지로 이동하면서 refresh 하는 법 핵심은 eventBus 를 이용해서 처리. 팝업 페이지에서 이벤트 버스를 통해 기본페이지 refresh 함수를 호출. // 아래와 같이 기본페이지에서 팝업으로 이동 this.$modal.show(xxxPopup, { xxx } // 이벤트 버스 on created() { eventBus.$on('xxxRefresh', data => { // 기본 페이지 refresh 로직 } } // 팝업 페이지에서 함수 호출 후, 팝업 닫고 기본 페이지로 이동. // 동시에 이벤트 버스 호출 axios.post('xxx {'xx.. 2020. 12. 12.
vue.js 링크 value 에 마스킹 데이터 세팅 방법 vue.js 링크 value 에 마스킹 데이터 세팅 방법 html 은 아래와 같이 작성 backend 에서 데이터 보내줄 때, 마스킹된 데이터와 마스킹 되지 않은 데이터를 같이 보내줌. 찍을 때는 마스킹된 데이터를 보내주고, 실제 method 에 데이터를 전해줄 때는 마스킹 안된 데이터를 전해줌. {{props.row.maskingData}} 2020. 8. 6.