vue 검색 결과
2 개의 검색 결과가 있습니다.
Javascript/Vue.js

vue router-link 사용법 정리(Navigation menu)

vue 에서는 vue router 로 라우팅을 하며 a tag 를 대체하는 router-link 가 존재한다. router-link 의 장점을 알아보자. 출처 : router.vuejs.org/kr/api/#router-link router-link 는 prop 을 활용해서 쓰면된다. to 를 이용해서 url 을 전달하면 해당 url 로 이동할 수 있다. 기본적으로 router-link 를 사용하면 a tag 로 치환되며 tag prop 을 이용하면 다른 tag 로 변경해서 사용할수도 있다. a tag 의 특성상 밑줄이 생기는데 router-link 에서 밑줄제거는 css 를 이용하면 해결할 수 있다. .logo{ text-decoration: none; } 두 가지 prop 만 알아도 기본기능은 활용할..

2020. 12. 11. 09:39
Javascript/Vue.js

vue table sorting object array

vue 에서 table 을 sorting 하는 방법은 두 가지가 있을 것이다. 라이브러리를 사용하거나 (lodash) 공식페이지의 가이드를 따라하거나. 해당 글에서는 라이브러리를 사용하지 않고 기능을 구현하는 예제를 다룬다. compareValues: function (key, order='desc') { return function innerSort(a, b) { if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) { // property doesn't exist on either object return 0; } const varA = (typeof a[key] === 'string') ? a[key].toUpperCase() : a[key]; const ..

2020. 9. 18. 18:48