TIL(22.09.28) - Vue js 웹뷰 프로젝트 내 이벤트 함수, 컴퓨터에서는 동작하는데 모바일에서는 동작 안하는 경우

1. Vue js

 

1) 에러 발생

- 화면 하단 버튼에 조건식(삼항연산자) 사용. 사진이 있는 경우만 나타나게 끔 설정. 그런데 컴퓨터에서는 잘 나타나는데 모바일에서는 사진이 없는데도 나타남.

2) 해결

- store 내 값과 page 내 값을 일치시켜줌.

3) 원인 

 photo.js

const getDefaultState = () => {
  return {
    imageAfter: Array.from({ length: 4 }, () => undefined), // undefined
  }
}

pageX.vue

created () {
    this.isUploaded = this.photoStore.getImageAfter() !== null // null
  }

-> store(photo.js)에서는 undefined 인데 페이지에서는 null 값을 넣어줌.

-> 모바일에서 읽을 때 해당 부분이 다르면 컴퓨터 화면과 다르게 출력될 수 있다는 걸 알게됨.