Vue에선 a 태그를 선택적으로 사용할 때가 좀 난감합니다. 

URL 값이 있으면 a 태그를 사용해 제목을 표시하고, 없으면 그냥 span이나 div를 이용해서 스타일만 매겨야 하는 경우가 있는데요.

is 속성을 사용하면 깔끔하게 해결할 수 있습니다.

https://mytory.net/archives/15364

Vue.js – URL 값 있으면 a 태그, 없으면 span이나 div 태그로 표시하기

형우의 웹개발

Vue.js – URL 값 있으면 a 태그, 없으면 span이나 div 태그로 표시하기

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 11월 14일 오전 1:23

 • 

저장 4조회 1,110

댓글 0

    함께 읽은 게시물

    간만에 개발 떡밥이(신난다) 이번엔 제가 소수 입장에 있는 ORM이군요. 후후..


    저는 몇몇 사건을 통해 ORM 반대주의자가 된 사람인데요.


    ... 더 보기

    < 💡 Spring Rest Docs 로 Swagger API 문서 관리 자동화 > 💬 Spring Rest Docs 란? Spring REST Docs 는 RESTful 서비스의 문서화를 도와주는 도구이다. 문서 작성 도구로 Asciidoctor 를 기본적으로 사용하며, 이것을 통해 HTML 문서를 생성한다. 필요한 경우 Markdown 문법을 사용하도록 변경할 수 있다. RESTful API를 문서화 할때 중요한 포인트는 API 에서 필요한 HTTP 요청과 응답의 리소스를 설명하는 것인데 Spring REST Docs 를 사용할 경우 테스트 코드를 작성하여 이러한 리소스와 HTTP 요청/응답에 대한 세부 내용을 문서화하는데 편리한 기능을 제공한다. 💬 Swagger 란? RESTful API 를 약속된 규칙에 따라 json 이나 yaml 형식으로 문서화한 Open API Specification(OAS) 라는게 있는데 이 문서를 관리하기위한 목적으로 만들어진 프레임워크다. API 문서 자동화 도구로 Spring REST Docs 의 비교군으로 자주 등장하는데 Spring 을 사용할 경우 서비스 코드에 어노테이션... 더 보기

    [NHN FORWARD 2020] MSA 환경에서 API 문서 관리하기: 생성부터 배포까지

    www.youtube.com

    [NHN FORWARD 2020] MSA 환경에서 API 문서 관리하기: 생성부터 배포까지

    < 쿠팡의 창업자를 직접 보며 배운 것: 리더의 크기가 전부다 >

    1

    ... 더 보기

     • 

    댓글 1 • 저장 11 • 조회 1,224


    파이썬으로 만든 매우 작은 검색엔진 microsearch

    h

    ... 더 보기

    GitHub - alexmolas/microsearch

    GitHub

    GitHub - alexmolas/microsearch


    <👩🏻‍💻 신규 개발자가 입사 첫 달에 해야 할 7가지>

    어느 환경에서든 첫인상은 중요합니다. 첫인상으로 인해 생긴 이미지는 추후에 쉽게 바뀌지 않는데요, 회사에서도 예외는 아닙니다. 입사 초기에 보이는 모습에 따라 ‘실력자’라는 인상을 줄 수도, ‘일 못하는 사람’으로 낙인찍힐 수도 있죠. 입사 첫 달은 이러한 첫인상을 결정짓는 중요한 시기입니다. 더 나아가서는 이 시기가 앞으로 이 회사에서의 성공을 좌우할 수도 있어요. 신규 개발자가 새 직장에서 첫 시작을 잘 끊기 위해서 해야 할 7가지 일을 선정해 보았습니다! 1️⃣ 상사의 기대치 파악하기 입사 초반에는 ... 더 보기

    신규 개발자가 입사 첫 달에 해야 할 7가지

    Brunch Story

    신규 개발자가 입사 첫 달에 해야 할 7가지

     • 

    댓글 5 • 저장 621 • 조회 18,140