工作296:el-table使用
<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>
相關文章
- How a Clone Database Is Mounted (296)Database
- el-table高亮
- 誰來試試這個軟體。。。。 (296字)
- Oracle 11G OCP 1Z0-053 296Oracle
- el-table滑鼠懸停變色
- element-plus 如何修改el-table 捲軸高度,el-table捲軸放置在表格外面
- 元件化頁面:封裝el-table元件化封裝
- el-table 自動合併所有列
- el-table 的 el-table-column 的key使用Math.random() 篩選列random
- Qt/C++開發經驗小技巧296-300QTC++
- vue+elementUI el-table匯出excel表格VueUIExcel
- el-table 合併相同資料的列
- el-table合併相同資料的行
- 直播app開發搭建,el-table去掉捲軸APP
- el-table回顯預設勾選-彈窗
- 【Vue】el-table 簡易表格可篩選列Vue
- 2017移動遊戲市場規模或達296億美元遊戲
- 使用Metasploit工作區
- 巧妙使用Vue.extend繼承元件實現el-table雙擊可編輯(不使用v-if和v-else)Vue繼承元件
- (幾乎)完美實現 el-table 列寬自適應
- vue + element UI 中 el-table 資料匯出Excel表格VueUIExcel
- vue - elementui 元件 表格 <el-table> 列頭修改背景顏色VueUI元件
- YUM工作原理及使用
- 使用flowable建立工作引擎
- vue2.0 + element UI 中 el-table 資料匯出Excel 。VueUIExcel
- element-plus中的el-table元件tooltip顯示錯位元件
- 科技愛好者週刊(第 296 期):xz 後門的作者 Jia Tan 是誰?
- git的工作方式使用Git
- 工作294:for[item.key]使用
- 工作使用軟體安裝
- el-table翻頁序號不從1開始(已解決)
- vue+element-ui el-table元件內表單驗證問題VueUI元件
- element-plus el-table 動態設定列顯示隱藏
- Git-flow 工作流使用Git
- Git在工作中的使用Git
- 使用Linux工作之Fedora KDELinux
- vue+element-ui 修改動態生成的表格(el-table)中的資料VueUI
- RabbitMQ 使用場景、安裝、工作模式MQ模式