可配合自定義表格進行操作數(shù)據(jù)，點擊表格某一行進行抽屜展示，可上下頁切換查看及功能操作，1.快捷鍵esc關(guān)閉抽屜，//?快捷鍵控制上下翻頁??shiftKey+上鍵?上一頁????shiftKey加下鍵?下一頁??shiftKey加左鍵?開啟彈框展示第一條數(shù)據(jù)???shiftKey加右鍵關(guān)閉彈框
?文章來源：http://www.zghlxwxcb.cn/news/detail-519763.html
上代碼文章來源地址http://www.zghlxwxcb.cn/news/detail-519763.html
<template>
<div>
<el-drawer :append-to-body="true" :with-header="title==''?false:true" :title="title"
:visible.sync="orderListShow" :size="size" v-drawerDrag :modal="false" direction="rtl"
:wrapper-closable="false">
<div class="drawer-box" v-loading="loading">
<div class="drawer">
<el-tooltip class="item" content="shift +↑預(yù)覽上一個單據(jù)" effect="dark" placement="left">
<i @click="previousPage" class="el-icon-arrow-left icon-deg"></i>
</el-tooltip>
<el-tooltip class="item" content="esc關(guān)閉彈框" effect="dark" placement="left">
<i @click="orderListShow=false" class="el-icon-close"></i>
</el-tooltip>
<el-tooltip class="item" content="shift +↓預(yù)覽上一個單據(jù)" effect="dark" placement="left">
<i @click="nextPage" class="el-icon-arrow-right icon-deg"></i>
到了這里，關(guān)于element-ui 抽屜組件（el-drawer ） 二次封裝 增加resize拖曳改變寬度大小，配合表格實現(xiàn)快捷方式打開抽屜展示詳情及操作的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
