본문 바로가기

힘내세요

Vue - watch를 이용한 입력 값 제한 Vue - watch를 이용한 입력 값 제한
vue.js를 이용하여 개발을 할때 watch를 이용하여 입력값을 제한하기가 매우 편리합니다. 특정범위만 입력되어야하는 경우 아래와 같이 사용하시면 됩니다. 예제로는 숫자만 입력입니다. export default { data() { return{ number : "", } }, watch:{ number : function(){ return this.number = this.number.replace(/[^0-9]/g, ''); //정규식 사용 } } } 다음과 같은 방법으로 정규식을 이용하여 특정범위만 입력값을 받을 수 있습니다. 숫자만 입력의 경우 input 타입에 number 보다 text을 넣고 maxlength를 주는방식이 좋습니다. number 타입으로 할 경우 maxlength가 제대로 동작..
Vue - 프로젝트 공통함수 적용하기 Vue - 프로젝트 공통함수 적용하기
1. 공통 js 생성 저의 경우 common.js를 생성하여 assets/js 안에 두었습니다. 함수 생성은 Vue.prototype.$함수명 = function(data){} 와 같은 방식으로 생성할 수 있습니다. import axios from 'axios' import config from 'config'; var requestOptions = { headers: { 'Content-Type': 'application/json', timeout: 60000 } }; export default{ install(Vue){ // ajax post Vue.prototype.$post = function (callUrl, postData, succ, fail){ var URL = `${config.conte..

티스토리툴바