[vue] updated에 input change 트리거를 넣으면 두번 실행되는 에러

문제.

 

updated: function () {

 

}

updated -> vue 객체들의 변화가 있을 때 실행 되는 함수들을 구현 하는 곳

 

이곳에 아래와 같이 input type file의 change 트리거에 대한 함수를 넣으면 두번 실행되는 에러가 있었다.

 

$('#confTypeFiles').on('change', function () {
  base.confTypeFilesArr = common.selectMultiFile('confTypeFiles', base.confTypeFilesArr);
});

 

 

해결방법

method: {
  btnfilePkgAdd: function () {
   base.pkgTypeFilesArr = common.selectMultiFile('pkgTypeFiles', base.pkgTypeFilesArr);
  }
}

위의 코드와 같이 change 트리거시 실행할 구문을 vue 메소드로 구현 후 

input에 아래와 같이 @change vue 트리거를 추가한다.

<input type="file" id="pkgTypeFiles" name="pkgTypeFiles" multiple="" hidden="" @change="btnfilePkgAdd()">