error: 콘솔에러 지우기 및 초기값 세팅

src/components/app-vuero/VCustomTabs.vue

@@ -24,7 +24,7 @@ export interface VTabsItem {
 }
 export interface VTabsProps {
   tabs: VTabsItem[]
-  selected?: string
+  selected?: VTabsItem[]
   type?: VTabsType
   align?: VTabsAlign
   slider?: boolean

src/pages/app/contractManagement.vue

@@ -238,7 +238,7 @@ function getBilling(row){
             <VButton
                 v-if="row.contStatCd==='0400'"
                 color="info"
-                size="small"
+                size="big"
                 @click.stop="getBilling(row)"
             >
               대금청구

src/pages/app/documentManagementDetail.vue

@@ -2,6 +2,7 @@
 
 import {getSlipDetail, saveTempSlip} from "/@src/service/slipApi.ts";
 import {formatDatefromStringDate} from "/@src/utils/common/comfunc.ts";
+import {VTabsItem} from "/@src/components/app-vuero/VCustomTabs.vue";
 
 onBeforeMount(async ()=>{
   const result = await getSlipDetail(history.state.key)
@@ -58,11 +59,11 @@ const params = reactive({
   page: 1,
   row: 10,
   flexColumn: [
-    { key: 'btext', label: '이름'},
-    { key: 'bname', label: '사원번호'},
-    { key: 'posit', label: '부서'},
-    { key: 'lineclsf', label: '담당'},
-    { key: 'wkfst', label: '결재요청'},
+    { key: 'btext', label: '이름', value: {} },
+    { key: 'bname', label: '사원번호', value: {} },
+    { key: 'posit', label: '부서', value: {} },
+    { key: 'lineclsf', label: '담당', value: {} },
+    { key: 'wkfst', label: '결재요청', value: {} },
   ],
   apprList:[],
   modalColumn: [],
@@ -125,10 +126,11 @@ const createChit = async () => {
   }
 }
 
-const selectedTab = ref<string>()
+const selectedTab = ref<VTabsItem[]>()
 
-function addTabFromRow(){
-  console.log("arguments",arguments)
+const addTabFromRow = (row,index) => {
+  console.log(row)
+  console.log(index)
 }
 </script>
 
@@ -417,7 +419,7 @@ function addTabFromRow(){
           <template #tab="{ activeValue }">
             <div>
               <ComVFlexTable
-                  :data="activeValue[0]"
+                  :data="activeValue? activeValue[0] : []"
                   :columns="params.flexColumn"
                   :compact="true"
                   @rowClick="addTabFromRow"

types/components.d.ts

@@ -484,6 +484,7 @@ declare module 'vue' {
     VCreditCardDocumentation: typeof import('./../documentation/plugins/credit-card/v-credit-card-documentation.md')['default']
     VCreditCardPropsDocumentation: typeof import('./../documentation/plugins/credit-card/v-credit-card-props-documentation.md')['default']
     VCustomButton: typeof import('./../src/components/app-vuero/VCustomButton.vue')['default']
+    VCustomTabs: typeof import('./../src/components/app-vuero/VCustomTabs.vue')['default']
     VDarkmodeSwitch: typeof import('./../src/components/base/VDarkmodeSwitch.vue')['default']
     VDarkmodeToggle: typeof import('./../src/components/base/VDarkmodeToggle.vue')['default']
     VDropdown: typeof import('./../src/components/base/VDropdown.vue')['default']
@@ -507,7 +508,6 @@ declare module 'vue' {
     VFlexTableBaseDocumentation: typeof import('./../documentation/flex-table/v-flex-table-base-documentation.md')['default']
     VFlexTableCell: typeof import('./../src/components/base/VFlexTableCell.vue')['default']
     VFlexTableColumnsDocumentation: typeof import('./../documentation/flex-table/v-flex-table-columns-documentation.md')['default']
-    VFlexTableCustomize: typeof import('./../src/components/app-vuero/VFlexTableCustomize.vue')['default']
     VFlexTableMediaDocumentation: typeof import('./../documentation/flex-table/v-flex-table-media-documentation.md')['default']
     VFlexTablePrintObjectsDocumentation: typeof import('./../documentation/flex-table/v-flex-table-print-objects-documentation.md')['default']
     VFlexTableScrollableDocumentation: typeof import('./../documentation/flex-table/v-flex-table-scrollable-documentation.md')['default']