반응형 vue3 자바스크립트 관련(vuejs에서) - directive 디렉티브(directive) input 관련 directive. (참고용) import Vue from 'vue'; const makeUncomma = function(v) { var _num = v?.toString().split("."); _num[0] = _num[0]?.replace(/[^0-9]/g, ""); return _num[0]?.replace(/[^\d]+/g, "") + (_num[1] ? "." + parseInt(_num[1]) : ""); } const makeComma = function(v) { var _num = v?.toString().split("."); var tail = ""; //소수점 케이스 if(_num.length > 1 && _num[1]) { // + 숫.. 2022. 5. 7. 자바스크립트 관련(vuejs에서) 2 - window.print, component import, vue sorting(정렬) window.print 실행했을 때 직전과 직후에 동작하는 event var beforePrint=function(){ console.log("프린트 전 호출"); }; var afterPrint=function(){ console.log("프린트 후 호출"); }; if(window.matchMedia){ var mq=window.matchMedia("print"); mq.addListener(function(mql){ if(mql.matches){ beforePrint(); }else{ afterPrint(); } }); } window.onbeforeprint=beforePrint; window.onafterprint=afterPrint; .vue파일에 .js연결할 때 import는 실행될 때 불.. 2022. 5. 6. 자바스크립트 관련(vuejs에서) 1 - 배열, 옵셔널 체이닝, null 병합, 검색어 입력, vue filter, vue route 배열에 특정 값이 몇 개 있는지 확인(반환)할 때 Y : {{ checkVisible("Y") }}건 N : {{ checkVisible("N") }}건 .... computed: { // Y, N 개수 확인 checkVisible(){ return (n)=>{ return this.data.reduce((no, ele) => no + (n === ele.visible), 0); } } }, 옵셔널 체이닝 = ?. // 프로퍼티가 없는 중첩 객체에 에러 없이 접근하기 위해 생긴 문법 let user = {}; alert( user && user.number && user.number.phone ); // undefined ↓ ↓ ↓ ↓ ↓ alert( user?.number?.phone); // unde.. 2022. 4. 24. 이전 1 다음 반응형