반응형 Programming/Vue2 [Vue] 테이블 헤더(table header)에 아이콘(icon) 및 팝업(popup) 넣기 안녕하세요. 오늘은 테이블 헤더(table header)에 아이콘(icon) 및 팝업(popup) 넣기에 대해 알아보려고 합니다. 해당 게시글에서 사용할 테이블은 Element table입니다. https://element-plus.org/en-US/component/table.html#table-column-attributes Table | Element Plus element-plus.org 해당 el-table에서 render-header라는 옵션이 존재합니다. 해당 옵션은 헤더 label 옵션을 대신하여 헤더에 넣을 데이터를 자바스크립트로 짤 수 있게 해줍니다. 상단 코드 부분은 이렇게 작성하고 하단에 setRebderHeader 라는 메소드를 하나 만들어주겠습니다. methods: { setRe.. 2023. 1. 5. [Vue] 태그(Class 등) 및 속성 중첩 및 여러개 조건문 걸기 안녕하세요. 오늘은 [Vue] 태그(Class 등) 및 속성 중첩 및 여러개 조건문 걸기에 대해 알아보려고 합니다. 아래의 조건식이 있습니다. 조건식을 해석하자면 div에 클래스를 입력하고 싶을 때 삼항연산자를 통해 클래스 하나를 받고 또 다른 데이터가 참일때 클래스를 하나 더 받겠다라는 뜻 입니다. e.g) 1. test가 true라면 (test2 ? 'test2' : (test3 ? 'test3' : 'test')) -> test2가 true라면 'test2'라는 클래스가 div에 입력이 되게 됩니다. 2. test가 true라면 (test2 ? 'test2' : (test3 ? 'test3' : 'test')) -> test2가 false라면 (test3 ? 'test3' : 'test') -> t.. 2022. 8. 2. 이전 1 다음
