elemnt的Table 表格使用注意事項(xiàng)
1、修改數(shù)據(jù)

<template slot-scope="scope"><el-button size="mini" @click='updatePassword(scope.row)'>修改密碼</el-button><el-button size="mini" @click='resetPassword(scope.row)'>重置密碼</el-button> </template>

ps：此時(shí)的scope.row是一個(gè)對(duì)象，若直接修改會(huì)導(dǎo)致頁(yè)面上的數(shù)據(jù)同時(shí)修改，建議使用 JSON.parse(JSON.stringify(data))對(duì)數(shù)據(jù)處理之后再進(jìn)行處理，
2、對(duì)使用formatter格式化表格中的內(nèi)容時(shí)

<el-table-column prop="recordTime" label="記錄時(shí)間" min-width="20%" align="center" sortable :formatter="filterDate"></el-table-column> filterDate: function(value) { //此時(shí)的value是整行數(shù)據(jù)的對(duì)象，無(wú)法直接使用 },

建議使用此類方法，可以確保傳入數(shù)據(jù)正確，不用后臺(tái)再進(jìn)行處理

<el-table-column align="center" label="日期" min-width="10%"><template slot-scope="scope"><span>{{filterDate(scope.row.updateTime)}}</span></template> </el-table-column>

總結(jié)

以上是生活随笔為你收集整理的elemnt的Table 表格使用注意事项的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。