IT Tip./Vue.js 2.x.x (2) 썸네일형 리스트형 Vue에서 숫자의 콤마(,) 구현하기 Vue에서 숫자의 콤마(,) 구현하기 vue version : 2.6.14 Vue.js을 사용하여 포트폴리오용 웹 앱을 개발 중 가격을 표기해야 할 상황이 생겨 숫자를 출력하였지만, 3자리마다 생기는 콤마(,)가 없으니 허전해보였다. 그래서 vue에서 콤마(,)를 사용할 수 있는 방법을 찾게 되었다. 적용 방법은 매우 간단하다. 콤마를 그리는 코드를 추가하고, 콤마를 표기할 숫자의 출력부에 몇 자의 코드를 적어주기만 하면 적용이 완료된다. {{ item.date }} {{ contents.title }} ( {{ contents.time }} ) 가격 : {{ contents.amount | comma }}원 위처럼 간단하게 몇 가지 코드를 추가하여 출력하려는 숫자에 콤마가 추가되었다. 코드의 최하단부에.. Vue.js에서 주소(라우팅) 변경 감지하여 제목 변경하기 Vue.js에서 라우팅 감지하기 vue version : 2.6.14 Vue.js을 사용하여 포트폴리오용 웹 앱을 개발 중이었던 어느날이었다. 기존에는 웹 앱의 제목이 navigation에 따라 바뀌도록 하기 위하여 navigation 클릭시 해당 제목이 바뀌도록 구현하였다. 하지만 특정 페이지에서 새로고침(F5) 혹은 .vue 파일의 내용이 바뀔 때 제목이 처음 페이지 제목으로 돌아가는 것을 확인하였다. 제목의 변경이 navigation을 클릭에만 의존하고 있어 자신이 특정 페이지에 있다는 것을 알기 위해서는 라우팅으로 주소창 뒤에 붙는 '/서브주소' 을 이용해야겠다는 생각을 하였다. 서브주소는 새로고침을 하여도 바뀌지 않기 때문에 구현이 가능하면 기존에 사용하던 기능을 사용하지 않아도 될 것 같았다... 이전 1 다음
