2018-09-10element-ui表格展開行每次只能展開一行

      <template>
        <el-table 
          @expand-change="expandSelect"
          type='index'
          :row-key='getRowKeys'
          :expand-row-keys="expands"
          :data="tableData" style="width: 100%"
          :default-sort = "{prop: 'payment_date', order: 'descending'}">
          <!-- 排序:default-sort sortable -->
          <el-table-column label="申請時間" prop="date_created" sortable align='left'></el-table-column>
          <el-table-column label="操作" align='left' width='100px'>
            <template slot-scope="scope">
              <button class="btn" @click="handleEdit(scope.$index, scope.row)">查看</button>
            </template>
          </el-table-column>
          <!-- expand：折疊面板 -->
          <el-table-column type="expand">
            <template slot-scope="scope">
              <div class="bottom_content">
                折疊面板 type為expand咆霜。方法：@expand-change="expandSelect"
                expand-change: 當(dāng)用戶對某一行展開或者關(guān)閉的時候會觸發(fā)該事件
              </div>
            </template>
          </el-table-column>
        </el-table>
      </template>
      <script>
      export default {
        data () {
          return {
            expands: [],
            getRowKeys (row) {
              return row.id
            },
            tableData: []
          }
        },
        methods: {
          // 折疊面板每次只能展開一行
          expandSelect (row, expandedRows) {
            var that = this
            if (expandedRows.length) {
              that.expands = []
              if (row) {
                that.expands.push(row.id)
              }
            } else {
              that.expands = []
            }
          },
          handleEdit (index, row) {}
        }
      }
      </script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末应民，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子蝉仇，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
沈念sama閱讀 222,590評論 6贊 517
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異鳖孤，居然都是意外死亡，警方通過查閱死者的電腦和手機抡笼，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 95,157評論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門苏揣，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人推姻，你說我怎么就攤上這事平匈。” “怎么了藏古？”我有些...
開封第一講書人閱讀 169,301評論 0贊 362
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵增炭，是天一觀的道長。經(jīng)常有香客問我拧晕，道長隙姿，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 60,078評論 1贊 300
?港島之戀（遺憾婚禮）
正文為了忘掉前任厂捞，我火速辦了婚禮输玷，結(jié)果婚禮上队丝，老公的妹妹穿的比我還像新娘。我一直安慰自己欲鹏，他們只是感情好机久，可當(dāng)我...
茶點故事閱讀 69,082評論 6贊 398
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著赔嚎，像睡著了一般膘盖。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上尽狠，一...
開封第一講書人閱讀 52,682評論 1贊 312
城市分裂傳說
那天，我揣著相機與錄音叶圃，去河邊找鬼袄膏。笑死，一個胖子當(dāng)著我的面吹牛掺冠，可吹牛的內(nèi)容都是我干的沉馆。我是一名探鬼主播，決...
沈念sama閱讀 41,155評論 3贊 422
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼德崭，長吁一口氣：“原來是場噩夢啊……” “哼斥黑！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起眉厨，我...
開封第一講書人閱讀 40,098評論 0贊 277
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤锌奴，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后憾股，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鹿蜀，經(jīng)...
沈念sama閱讀 46,638評論 1贊 319
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 38,701評論 3贊 342
?白月光啟示錄
正文我和宋清朗相戀三年服球，在試婚紗的時候發(fā)現(xiàn)自己被綠了茴恰。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 40,852評論 1贊 353
活死人
序言：一個原本活蹦亂跳的男人離奇死亡斩熊，死狀恐怖往枣，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情粉渠，我是刑警寧澤分冈，帶...
沈念sama閱讀 36,520評論 5贊 351
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站霸株，受9級特大地震影響丈秩，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜淳衙，卻給世界環(huán)境...
茶點故事閱讀 42,181評論 3贊 335
男人毒藥：我在死后第九天來索命
文/蒙蒙一蘑秽、第九天我趴在偏房一處隱蔽的房頂上張望饺著。院中可真熱鬧，春花似錦肠牲、人聲如沸幼衰。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,674評論 0贊 25
一樁弒父案缀雳，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽渡嚣。三九已至，卻和暖如春肥印，著一層夾襖步出監(jiān)牢的瞬間识椰，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 33,788評論 1贊 274
情欲美人皮
我被黑心中介騙來泰國打工深碱，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留腹鹉，地道東北人。一個月前我還...
沈念sama閱讀 49,279評論 3贊 379
代替公主和親
正文我出身青樓敷硅，卻偏偏與公主長得像功咒，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子绞蹦，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 45,851評論 2贊 361

2018-09-10element-ui表格展開行每次只能展開一行

推薦閱讀更多精彩內(nèi)容