[vuejs] json 객체로 테이블 동적 생성하기(체크박스 모두 선택 제어)
체크박스 테이블 동적 생성하기 - JSON 객체 형태로 data 셋팅하기 export default{ data() { return { allChecked: false, categories: [ { label: "depth1", key: "depth1", depth: 1, checked: false, menus: [ { label: "A1", key: "A1", checked: false, depth: 2, disabled: true }, { label: "A2", key: "A2", checked: false, depth: 2, disabled: false }, { label: "A3", key: "A3", checked: false, depth: 2, disabled: false }, { label: ..
2023. 3. 21.
[vue.js] tab 메뉴 class active 적용, 클릭 메뉴별 비동기 호출
TAB 클릭시에 비동기로 데이터 호출 방법 {{ tab }} export default { data(){ return { tabs: ['TAB_1', 'TAB_2', 'TAB_3', 'TAB_4', 'TAB_5', 'TAB_6'], activeTab: 0, code: 'code_1' }, methods: { changeTab(index){ this.activeTab = index; this.getTabData(this.code); }, getTabData(cd) { switch (this.activeTab) { case 0: this.getData(cd); break; case 1: console.log(this.activeTab); break; case 2: console.log(this.activeT..
2023. 2. 21.