elementui表格中實現點擊單個單元格和表頭--帶參數觸發事件/跳轉路由

原創

mahmud

2023-01-11 13:00

對於element表格做點擊跳轉的功能有兩大類：1，表頭的點擊跳轉2，表格內容單元格進行點擊跳轉

是因爲該表格只有tabs標籤也第二個選項被選中的時候才能讓他起效果，所以先做判斷，第二個tabs標籤被選中的時候實現該功能

1，tabs標籤做判斷

this.saveTableName1是第二個tabs標籤被選中的名稱

2，表頭的點擊事件-帶參數跳轉

column代碼

 <el-table-column
              v-for="(item, index) in fieldTableColumnList1"
              :prop="item.fieldName"
              :key="index"
              :minWidth="item.width || '200'"
              v-if="item.needHide === '0' || item.needHide === null"
            >
              <template slot="header" slot-scope="scope">
                <el-link type="primary" @click="handleDetail(scope.column)" :underline="false">
                  {{ item.fieldName === 'title' ? '' : item.fieldName }}
                </el-link>
              </template>
              <template slot-scope="scope">
                <div v-if="scope.row.selectFlag && !item.pk">
                  <el-input v-model="scope.row[item.fieldName]"></el-input>
                </div>
                <div v-else>
                  {{ scope.row[item.fieldName] }}
                </div>
              </template>
            </el-table-column>

觸發點擊事件--帶參數跳轉路由