弹框tabel

2023-03-18,

<el-dialog
title="删除数据类型"
:visible.sync="isDataType"
width="60%"
:before-close="handleClose"
>
<div class="dotTitle"> <p class="dot">该数据已被以下内容绑定,请解除绑定后进行删除 !</p> </div>
<el-table
:data="referenceList"
style="width: 100%"
>
<el-table-column
prop="modular"
label="模块"
/>
<el-table-column
prop="displayName"
label="显示名称"
/>
<el-table-column
prop="browseName"
label="浏览名称"
/>
<el-table-column
prop="address"
show-overflow-tooltip
label="位置"
/>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button @click="isDataType = false">取 消</el-button>
</span>
</el-dialog>
 

isDataType: false,

referenceList: [{
modular: '事件',
displayName: '良品率异常',
browseName: '浏览名称',
address: '/Project_jyq/1c8148ec03d7498fa76cd28a158e5090'
}]

handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
done();
})
.catch(_ => {});
}

弹框tabel的相关教程结束。

《弹框tabel.doc》

下载本文的Word格式文档,以方便收藏与打印。