router.push 질문

안녕하세요 my-way님, 뷰 템플릿 표현식에 간단한 자바스크립트 표현식을 쓰는 것은 허용이 됩니다. 그 이유는 "hello world"를 "camelize('hello world')"를 한다든지  "str.split('').reverse().join('')" 등의 간단한 연산을 지원해서 개발자들이 화면에 더 다양한 방식으로 데이터를 표현할 수 있게 라이브러리가 제공되고 있기 때문입니다 :)

결론적으로, 위와 같이 특정 로직에 대한 분기 처리는 메서드에서 아래와 같이 처리하는 게 좋습니다.

<div @click="routeSomePage">

methods: {
  routeSomePage() {
    $router.push('/pages/profile').catch(() => {})
  }
}

그리고 라우터의 push() API의 호출 결과가 프로미스가 아니라 `catch()`는 동작하지 않을겁니다. 아래 문서 한번 확인해보세요 :)

https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort