前端工作总结270-el-table使用
学无止境 lv.1
发布时间:2023-12-13 03:16:16 287相关标签:
<template>
<el-dialog
title="修改记录"
:visible.sync="dialogVisible"
width="30%"
:before-close="handleClose">
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="name"
label="任务名称"
width="180">
</el-table-column>
<el-table-column
prop="username"
label="修改人">
</el-table-column>
<el-table-column
prop="start_time"
label="创建时间">
</el-table-column>
<el-table-column
prop="updated_at"
label="更新时间">
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="dialogVisible = false">关闭</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
name:"ResetList",
data() {
return {
tableData:[],
dialogVisible: false
};
},
methods: {
show(record){
this.tableData=record
console.log(record)
/* this.id=id*/
this.dialogVisible=true
/* getAction("/task",).then(res=>{
console.log(res)
let List=[]
res.data.items.map((value,index)=>{
/!* console.log(value.task_recode)*!/
List.push({...value.task_recode})
})
this.tableData=List
console.log(this.tableData)
})*/
},
handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
done();
})
.catch(_ => {});
}
}
};
</script>
文章来源: https://blog.51cto.com/u_14476028/5684685
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报