<div id="app" style="display: none">...<el-table-column prop="status" label="狀態(tài)" width="80" align="center"><template scope="scope"><span v-if="scope.row.status==0" style="color:red;">停用</span><span v-if="scope.row.status==1" style="color:green;">啟用</span></template></el-table-column>...<el-table-column label="操作" width="150" fixed="right" align="center"><template scope="scope"><el-button type="text" size="mini" @click="blockUp(scope.row)" v-if="scope.row.status=1">停用</el-button><el-button type="text" size="mini" @click="startUsing(scope.row)" v-if="scope.row.status=0">啟用</el-button></template></el-table-column>... </div>

?

轉(zhuǎn)載于:https://www.cnblogs.com/yysbolg/p/9877763.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的elementUI vue table status的状态列颜色变化和操作列状态显示(停用, 启用)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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